📲User login with Firebase
Set up a user authentication system using Firebase
Last updated
Set up a user authentication system using Firebase
Last updated
This guide covers how to set up a login page in Bravo. The login utilizes Firebase as the user management service. There are several steps involved so bear with us! We'll walk you through setting up the UI in the design tool and configuring Firebase to store and manage your users.
What is Firebase? Firebase is a backend-as-a-service (Baas) from Google that provides features for building mobile apps.
This feature requires a Bravo Solo or Teams plan account.
A Firebase project.
Login design
Currently, we support the following login types with Firebase:
Email & password login: users log in with the email and password they provided when registering.
Phone login: users introduce their phone number, and get a SMS with a code they need to use to log in.
Google & Apple social login: users log in with their existing Google/Apple accounts.
Apple login is only supported on iOS devices.
Also, there's an option to allow users to log in anonymously, and restrict their access to certain app pages. You can see how to set this up in the link below.
👻Anonymous Login with Firebase1. Log in or create a Firebase account in the Firebase Console.
2. Once in the Firebase Console, create a new project or select an existing project you want to use.
3. If creating a new project, first fill in a project name.
4. Next, choose if you want Google Analytics support. If you do, keep it enabled (it's optional). You will need to link it to a Google Analytics account in the 3rd step. If not, disable it.
5. Finally, we create the project, it takes some seconds.
After creating your project, refer to the following guides based on the authentication type you wish to configure:
✉️Email and password Login with Firebase📞Phone Login with Firebase🍎Social Login with Firebase👻Anonymous Login with Firebase
