Initial Setup
To use authentication, you will need to complete the following initial setup:
Before you begin, make sure you have completed Firebase Setup.
If you plan to use Google Sign-In or Phone Sign-In, you will also need to complete the Google/Phone Sign-In setup.
1. Enabling authentication in FlutterFlow
Skip if you have already enabled authentication while creating a new project with a Firebase setup.
To enable authentication in FlutterFlow:
Open your FlutterFlow project.
Turn on the Enable Authentication toggle and select Authentication Type to Firebase.
To ensure that your users are directed to the appropriate pages based on their login status, you must set the initial pages.
2. Creating the 'users' collection
The 'user' collection stores the information for authenticated users.
Skip if you have already enabled 'Create User Collection' while creating a new project with a Firebase setup.
Use these steps to create the 'users' collection:
Click on the Firestore from the Navigation Menu (left side of your screen).
Enter a collection_name (this can be anything, but we recommend 'users') and click on Create button.
If you enter 'users' a popup will open which asks you to populate this collection with default fields. You can click Yes, and we will add all the fields.
If you skipped the previous popup but still want to add default fields, you can:
Switch to the Settings tab.
Find the Users Collection switch and enable it.
Find the Collection dropdown below, click on the Unset, and select the name of the collection you just created.
Now switch to the Collection tab. Now you should see all the default fields.
To store and collect additional information with the default fields, see how to add fields.
You do not need to create a password field. This is handled separately by Firebase.
Additional steps for Google or Phone sign-in setup
To use the Google or Phone sign-in, you must go through the following steps.
If you aren't planning to use Google or Phone Sign-In, you can skip these steps.
1. Generate the SHA-1 key
An SHA-1 key (aka the 'Secure Hash Algorithm') is required if you want to use Google Sign-in and Phone Sign-in. To learn more about the SHA-1 key, see this link.
While releasing the app, make sure to get the key from the Play Console.
You can generate the SHA-1 key by entering the following command in your terminal with these steps:
Open a terminal window:
Windows: Click the Windows icon, navigate to the 'Windows System' folder, and open 'Command Prompt' either by clicking or right-clicking it.
Copy the following command (based on your operating system) and select Enter.
If you get the following error while trying the above command:
You might not have JAVA installed on your machine. Here is the helpful link to install JAVA and remove the above issue.
After being prompted for the key password, type 'android' and press 'Enter'. Note: For security reasons, you won't see the password as you type it.
To add the SHA-1 key in the Firebase Console:
Open the Firebase console > Project Overview > Project Settings.
Scroll down to Your App section.
Select your Android App from the left side menu.
Find the SHA certificate fingerprints section and click on the Add fingerprint.
Enter the generated SHA-1 into the Certificate fingerprint input box.
Click on the Save button.
2. Regenerate config files
After adding the SHA-1 key you must re-generate the config files in FlutterFlow.
To regenerate the config files:
Return to FlutterFlow. From the Navigation Menu, select Settings & Integrations > Project Setup > Firebase.
Click on the Regenerate Config Files.
Last Updated Date: August 22, 2023
Last updated
