Firebase Authentification

Firebase Plugin is a plugin available since the Thorium Builder 1.2 Release (Standard Edition)
Firebase Auth Lets you implement a complete Authentification workflow in your PWA.
For more information, read the Google Firebase Auth Presentation

 If you want to know more about Google Firebase, then follow this link: https://firebase.google.com

Enabling Firebase in your PWA Project

In order to use the Firebase Plugin, you must activate it from the Project Settings=>Plugins (Thorium Builder Standard Edition Only)

...

In Order to make the plugin work you must first setup a few parameters by clicking on the “Configure” button.

  • Firebase Config  You must first enter your firebase Configuration (go to Firebase Console to get it)
    ( See Google Firebase Help at https://support.google.com/firebase/answer/7015592?hl=en )

    The value you must enter into the field must look like something like that:

    apiKey: “ XXXXXXXXXXXXXX ",
    authDomain: “ xxxxxx .firebaseapp.com",
    databaseURL: "https:// xxxxxx .firebaseio.com",
    projectId: " xxxxxx ",
    storageBucket: " xxxxxx .
    appspot.com",
    messagingSenderId: " xxxxxx ",
    appId: “ xxxxxx :web: xxxxxxx "

  • Use Cloud Firestore Plugin.  Select this option if you want to use the Firestore Plugin Widgets
    If you select this option, you will have access to additional functionalities that will let you handle data in Cloud Firestore Database.

  • Users are connecting Anonymously.  If you enable this option, users that will load your PWA will be automatically logged in to Firebase, without entering any information (guest access).

    If you want this option to work correctly, you must first enable Anonymous access in Firebase Console ( https://console.firebase.google.com/ ) in the Authentification Section => Tab Sign-In method

    ...

    If you don’t enable this option, users will have to register in order to enter into your PWA.

    All the required dialogs (SignIn, Register, Reset Password, Profile Edit ) are generated automatically for your App and look like this:

    ...
    ...
    ...
    ...
  • Profile Image Storage.  Enter here the name of the Firebase Storage you want to use for storing User Profile Pictures (Avatar).

    The name is flexible (eg. “Avatars” ) but the storage rules must be set in Firebase Console to allow the user to upload their profile image. This can be done in the Firebase Console=> Storage Menu=> Rules Tab

    ...

    Exemple of Storage Rules that let the users upload their Profile Picture

  • Show “Connect with Facebook”  Select this option if you want to let your users connect with Facebook.If you want to enable this option, you need to activate it on Firebase and to enter your Facebook App ID and App Secret by going to Firebase Console => Authentification => Sign-In Method => Facebook 

    For more information, read the Google Firebase Facebook Signin Help

    ...
  • Show “Connect with Google” Button.  Select this option if you want to let your users connect with Google.If you want to enable this option, you need to activate it on Firebase by going to Firebase Console => Authentification => Sign-In Method => Google   

    For more information, read the Google Firebase Google Signin Help

    ...
  • Show “Connect with Twitter” Button.  Select this option if you want to let your users connect with Twitter.If you want to enable this option, you need to activate it on Firebase by going to Firebase Console => Authentification => Sign-In Method => Twitter 

    For more information, read the Google Firebase Twitter Signin Help

    ...
Copyright©  Nymphide Lab 2020 - All Rights Reserved 

...