Overview

This guide details how to configure Yeeflow to allow login and registration with Google OAuth2.

Translations

Steps

1. Go to https://console.developers.google.com, on the top left click on Select a project
   

2. On the top right, click on New Project

   

   image922×277 11.3 KB

    

3. Fill in the Project Name field. You can also edit the Project ID (optional), then click on Create
   (This can take a while, so wait a minute as needed for it to appear.)

   

   image712×654 31.7 KB

    

   3a. It is possible that errors are displayed after creating the project. Ignore them and refresh the page with Ctrl+F5

   

   image1796×290 27.5 KB

    

   3b. Submit your app for verification following OAuth API verification FAQs - Google Cloud Platform Console Help

4. Select your project clicking on the project name, click on OAuth consent screen on the left panel, select External and then click on Create

    

   

   image971×600 41.1 KB

    

5. Fill as appropriate; we recommend populating all these fields, then click Save.
   In the example below we use https://demo.site.com, be sure to use the URL of your Yeeflow service portal site including http:// or https://. All our hosted customers have HTTPS active by default.

    As of 2021/09/13 (September 13), Google will require you to use https.

   Noting that changing the Application logo, Google will ask to verify the site

    

   

   image514×797 50.3 KB
   
   
   

   image514×510 29.9 KB

    

6. Go to the Credentials tab on the left, click on + CREATE CREDENTIALS and then click on OAuth client ID

   

   image1019×606 48 KB

    

7. Choose Web application as the Application Type.
   In the Authorized JavaScript Origins section, add your site’s base url, including http:// or https://.
   In the Authorized Redirect URI section, add the base url with /auth/google_oauth2/callback. Click the Create button.

    As of 2021/09/13 (September 13), Google will require you to use https.

    

   

   firefox_2020-03-12_19-04-54744×780 52.5 KB

    

8. The OAuth client dialog will appear with client ID and secret.
   

9. (Optional) From your project, clicking on Credentials from now on you will find the OAuth credentials to edit or delete

10. In your Yeeflow site settings, check enable google oauth2 logins, and fill in your google oauth2 client id and google auth2 client secret provided earlier.

That’s it, Google login should now work on your Yeeflow service portal! Go ahead and test it out with any Google account.