top of page
  • Writer's picturevignesh rajendiran

Firebase Authentication - Login with Email and password

There are a lot of sign-in methods available in Firebase. In this post, I am going to cover the sign-in method using email and password. I will be using the same project created during the initialization of the firebase post. If you don't know what it is or how to do it, please look it up to get a better understanding.

Firebase Console - Setup

  • Go to the Firebase console and open the project you have created. In my case it is, demo-app project created during initialization post.

  • Click on the Authentication card in the project console.

  • On the authentication page, click on the Get Started button.

  • All types of sign-in methods will be displayed for you to choose. Click on Email/Password as your provider.

  • Sign-in provider setup page will be opened. Enable it and click on Save.

  • Now the sign-in method tab will be displayed with the enabled provider.

  • Go to the Users tab and click on Add user to update the user credentials by saving them.

  • You will be able to display only the common details of the user, such as email, provider method, created on date and user UID. A UID will be created automatically for each user by Firebase.

AppGyver - Setup

  • Login to your AppGyver composer pro and open the project where you want to implement this functionality.

  • Click on the authentication icon in the toolbar to enable authentication.

  • Click on the Google Firebase authentication method setup provided by AppGyver.

  • A popup page will be displayed to add the authentication page view, Click on OK.

  • An authentication page will be created and an option will be displayed to choose an initial view. For now, let's use the Firebase Authentication view that's created automatically.

  • You can see the new page Firebase Authentication on the pages overview tab.

  • That's it. Open your application in preview mode and provide the credentials we saved in Firebase to login to your application.

Suggestions and feedback are much appreciated. It encourages me to improve and share more content based on my experience with no code tools. If you have any doubts or queries, drop them in the comment section.

30 views0 comments

Related Posts

See All
bottom of page