Configure Firebase for Social Login on Web

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!!