How to Integrate Google Sign-in

Last update: 02/Nov/2024

Steps to Integrate Google Sign-in

1. Google Developer Console

First, go to the Google Developer Console and create a project. https://console.developers.google.com/projectcreate

2. Select OAuth Client ID

After creating the project, make sure that you've selected the created project. Go to the credentials page: https://console.developers.google.com/apis/credentials Click on "Create credentials" and select "OAuth Client ID".

3. Configure Consent Screen

Configure the Consent Screen. Select Internal as User Type and External as Application Type. Then, click Save.

4. Get Client ID & Client Secret

Copy both the generated Client ID & Client Secret.

5. Add Redirect URI

Finally, add your domain URL in the "Authorised redirect URIs" box on the Google credentials page. It must end with /auth/google/callback Example: https://YOUR-DOMAIN.com/auth/google/callback Paste the Redirect URI in the field. Then, click Save.

6. Update ClientID and Client Secret via admin panel

Go to Settings -> General Settings -> Webtools and Google Configuration Settings and update your ClientID and Client Secret. Keep your Google Auth Enable as ON and click on update changes.

7. Update ClientID and Client Secret via .env (Optional)

Login to your cPanel or any control panel and go to the file manager. Navigate to PROJECT-ROOT/.env to find the .env file. Open the file and update the values, then save it.