Integrating Google

Documentation Google OAuth Integrating Google

Integrating Google authentication

This integration has two parts to it:

Creating Client ID & Secret Key in Google
Entering Google's Client ID & Secret Key in Zappter

Creating Client ID & Secret Key in Google:

Your app URL
Ensure to have your web app URL while completing the below steps. Here is how to get your web app URL from Zappter:

Log in to your admin.
Open your profile menu and your web app link is the first option available under this menu.
Make a note or copy the URL.

Your app will utilize Google's user account information to give app users access to register a new user or sign in; you need to make sure that Google is aware of it. This plugin simplifies your integration using Google APIs. However, you need to set up the Google side for it.

There are plenty of articles about setting up Google OAuth2.0 Client ID & Client Secret are available on the internet as well. Or, you can follow through with the steps explained in detail below.

Google uses OAuth 2 protocol to share password tokens with your app. It doesn't share password data; instead, it uses authorization tokens to prove an identity between your app users and Google. It works by delegating user authentication to the Google service that hosts the user account and authorizing your app to access the user account.

1. Go to the Credentials page: https://console.developers.google.com/apis/credentials. Before you can create the credentials, you need to have an active project. Click on the drop-down list, 'Select a project.' (If you already have a project, the below screen should look different and move to step #13 in that case)

2. Click on the 'NEW PROJECT below.

3. Give/rename the project name. And, select the organization or leave is as it is and click on 'CREATE.'

4. Your project is created. Now click on 'CREATE CREDENTIALS' create credentials that you will use in Zappter to integrate.

5. Click on 'OAuth client ID' in the list.

6. Click on 'CONFIGURE CONSENT SCREEN.'

7. Select 'External' and 'CREATE.'

8. Provide, app name, support email and logo. Scroll down and provide support email. Then click on 'SAVE AND CONTINUE.'

9. Click on 'SAVE AND CONTINUE' in the Scope.

10. Provide test user accounts. And, close the window and click on 'SAVE AND CONTINUE.'

11. Click on 'BACK TO DASHBOARD.'

12. Click on 'Credentials' dashboard option.

13. Click on 'CREATE CREDENTIALS' and select 'OAuth Cliend ID.'

14. Select 'Web application' under 'Application type' drop down.

15. Scroll down and click on 'CREATE.'

16. Now, click on 'OAuth consent screen' and click on 'Make external'

17. Under 'Make external', select 'in production' and click confirm.

18. Move onto Credentials, your Client ID and Client Secret have been created. Copy this information and move on to Zappter to complete integration.

Entering Client ID & Client Secret in Zappter:

Back in Zappter, you can follow these steps to input the Client ID and Client Secret that your created in the above section.

1. Admin > Settings > Social Auth.

Each social media platform you're integrating with has its own tab as you install relevant plugin.

2. Enter Client ID and Client Secret, and save to complete integration.

Help Center

Documentation

General

Videos

Popular

Business Modules

New

More Tutorials

Integrating Google

Integrating Google authentication