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
A complete Firebase Tutorial for Thorium Builder is available here: https://www.thoriumbuilder.com/_help/tuthorium/firebase/
If you want to know more about Google Firebase, then follow this link: https://firebase.google.com
Firebase Plugin is only available for PWA (WebApp) projects, it will be added to Web Projects in a future release.
In order to use the Firebase Plugin, you must activate it from the Project Settings=>Plugins (Thorium Builder Standard Edition Only)
You can use Firebase Auth in your PWA for the user authentification while using another method for managing your Data (Json API, SQLite DB)
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 )
Firebase Plugin is only available for PWA (WebApp) projects, it will be added to Web Projects in a future release.
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).
Access Security must be managed at the Firebase level with Firebase rules, see the documentation for more detail: Understand Firebase Realtime Database Rules
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
...