Enable Social Login

  1. Sign Up/Login to Firebase Console: Go to the Firebase Console and sign up for an account or log in if you already have one.

  2. Create a New Project: Once logged in, click on the "Add project" button to create a new project. Follow the prompts to set up your project, including providing a project name and selecting your country/region.

  3. Enable Firebase Authentication: After creating your project, navigate to the "Authentication" section in the Firebase Console. Click on "Get Started" and then choose the authentication method you want to enable. In this case, select "Google".

  4. Configure OAuth Consent Screen: You'll be prompted to set up the OAuth consent screen. Follow the instructions to configure the required information such as your app's name, user support email, and developer contact information.

  5. Obtain OAuth Client ID: Once the OAuth consent screen is configured, Firebase will generate the necessary OAuth client ID automatically. You'll need this client ID later to integrate with your website.

  6. Set Up Web App: Return to the Firebase Console dashboard and click on the "Web" icon to add a new web app to your project. Follow the prompts to register your app and obtain configuration details.

  7. Retrieve Firebase Configuration: Firebase will provide you with a snippet of code containing the Firebase configuration details, including API Key, Auth Domain, Project ID, Storage Bucket, and Messaging Sender ID. Copy these details as you'll need them for your website's integration.

Screenshots

Did you find this article useful?