Back to Top

Configure Firebase for Social Login on Web

Updated 23 February 2018

Step-1: Create a Project on Firebase.

  • Open Firebase.com
  • Click on GO TO CONSOLE.
  • Create a new Project by clicking on Add Project.
  • Input project name (ex. test-project) and Select your Country. Then click on CREATE PROJECT to complete the process.
  • After Successful Creation on your Project, Go to Homepage of your project By Clicking on your Project card.

Step-2: Generate Credentials for Social Login

  • Scroll to Authentication card stated on your homepage and Click on GET STARTED.
  • Click on WEB SETUP to Generate the Web Credentials.
  • click on COPY button and paste the details in your Mobixlab -> Social Login -> Web Credentials textbox and save the details.

Step-3: Basic Setup

  • Scroll to Dynamic Links card stated on your homepage and Click on GET STARTED.
  • Click on Android icon button to register your Android app.
  • Input Package name of your App (ex. com.webkul.test) then click on REGISTER APP.Note !! If you don’t know the package name of your app then contact Webkul Support.
  • Copy the Dynamic Link (as Shown in the Image) and paste it in your Mobixlab -> Social Login -> Dynamic Link input box and save the details.

Step-4: Enable Google Login for Your App

  • Scroll to Authentication card stated on your homepage and Click on GET STARTED.
  • Open SIGN IN METHOD tab and Click on Google.
  • Enable Google login and Click on SAVE button.

Step-5: Enable Facebook Login for Your App

  • Open developers.facebook.com and Log In to your Account.
  • Click on My Apps to create a new app.
  • Click on Add a New App and input your app Name and Contact Email then click on Create App ID.
  • Click on your App then open Settings -> Basic and copy App Id and App Secret .Note !! Switch the App in Production mode for facebook Login to work for all Users.
  • (FIREBASE TAB)Scroll to Authentication card stated on your homepage and Click on GET STARTED.
  • Open SIGN IN METHOD tab and Click on Facebook.Paste Your App Id and App Secret (Copied From Facebook end) here.Then copy OAuth redirect URI.
  • (FACEBOOK TAB)Open Facebook Login -> Settings and Paste Redirect URL here and Click on save Changes.

Step-6: Request For App

  • Click on Request App button on your admin panel Mobixlab -> Social Login.Note !! A new app will be provided for Social Login , so requesting for new app is mandatory.

 

If everything has been configured Properly than you are good to go. Thanks!!

Searching for a Shopify
Headless solution ?
Find out More
. . .

Leave a Comment

Your email address will not be published. Required fields are marked*


Be the first to comment.

Back to Top

Message Sent!

If you have more details or questions, you can reply to the received confirmation email.

Back to Home