Overview
Google Login (also known as Sign in with Google) allows users to access your website or mobile application using their existing Google account instead of creating new login credentials.
This authentication method uses Google’s secure identity system to verify users and grant access to the application. When users select Sign in with Google, they are redirected to Google to confirm their account and authorize access. Once approved, they are automatically logged into the platform.
Using Google Login can help:
-Simplify the sign-in process for users
-Reduce password management issues
-Improve login security
-Increase registration and login conversion rates
Requirements:
Create a Firebase project (for Android configuration, free) → https://firebase.google.com/
Create Firebase project
Note: If you already have an existing Firebase project, you can skip this step and use your current project.
Go to the Firebase Console and sign in with your Google account.
Click Create a project.
Enter a Project name and follow the setup steps provided by Firebase.
Once the setup is completed, the project will be created and ready to configure your applications.
Only one Firebase project is required to manage authentication for all your apps.
Google login for Website
In this step, you need to register your website and mobile applications inside your Firebase project. This allows Firebase to identify each platform that will use Google Login.
You must add the identifiers for each platform:
Website → Use your website domain.
Android App → Use the Package Name of the application.
iOS App → Use the Bundle ID of the application.
These identifiers ensure that Google authentication works correctly for each platform connected to your Firebase project.
2. Select the Product to Configure
Once the platforms have been registered, the products associated with your project will appear in this section.
Select the product where you want to enable Google Login.
We recommend configuring the platforms in the following order:
Website
Mobile applications (Android and iOS)
Start by selecting the website, complete the configuration, and then proceed with the mobile applications.
3. Save the Website Configuration Values
During the website registration, Firebase will generate configuration values required to complete the Google Login setup.
Make sure to copy and save the following values:
apiKey
authDomain
4. Access the Authentication Settings
To enable Google Login, you must first access the authentication configuration in Firebase.
In the Firebase Console, locate the left-side menu.
Go to the Security section.
Click Authentication.
Once inside the Authentication page, click Get started to begin configuring the authentication methods for your project.
This section allows you to manage and enable different sign-in providers, including Google Login.
5. Enable Google as a Sign-in Method
To allow users to sign in using their Google account, you need to enable Google as an authentication provider.
In the Authentication section, open the Sign-in method tab.
Locate Google in the list of available providers.
Click Google and enable the option.
Select the Project support email from the dropdown menu.
Click Save to apply the changes.
Once enabled, Google will be available as a login option for your application.
6. Copy the Web Client ID
After enabling Google as a sign-in provider, you will need to copy the Web Client ID generated by Firebase.
Go back to the Google provider configuration.
Click Edit.
Locate the Web Client ID.
Copy and save this value in a secure place.
You will need this Web Client ID in the next steps to complete the Google Login configuration.
7. Add Your Website Domain to Authorized Domains
To allow Google authentication to work correctly on your website, you must add your domain to the list of authorized domains in Firebase.
In the Authentication section, open the Settings tab.
Locate the Authorized domains section.
Click Add domain.
Enter your website domain (for example:
yourdomain.com).Save the changes.
Adding your domain ensures that Google Login can be used securely from your website.
8. Add the Google Login Credentials in Your Dashboard
Now you need to add the credentials obtained from Firebase to your dashboard.
Log in to your Dashboard.
Go to the Google Login configuration section.
Fill in the following fields:
Google Login ID → Paste the Web Client ID obtained in Step 6.
apiKey → Paste the value obtained in Step 3.
authDomain → Paste the value obtained in Step 3.
Make sure all values are copied correctly to ensure the integration works properly.
9. Enable Google Login
After adding the credentials, you must enable the Google Login option.
Locate the Enable Google Login setting.
Set the option to Yes.
If this option is not enabled, the Sign in with Google button will not appear in your website or mobile applications.
10. Save the Configuration
Scroll to the bottom of the page and click Save to apply the changes.
Saving the configuration will activate the integration for your website and mobile apps.
11. Test the Google Login
Once the configuration is completed, verify that the login works correctly.
Open your website.
Locate the Sign in with Google option.
Complete a login test using a Google account.
If the configuration was completed successfully, users will be able to log in using their Google account.
Google Login For App (Building)
In your Google Play Console account, select your Customer App and navigate to Test and release >> App integrity >> Play App Signing >> Settings. From there, copy your SHA-1 certificate fingerprint and save it for later use.
In your Firebase project, go to the configuration of your Android Customer App, and in the section below, paste your “SHA-1 certificate fingerprint.”
