Skip to main content

Google provider for Users & Permissions

Using ngrok

Google accepts the localhost urls.
The use of ngrok is not needed.

Google configuration

  • Visit the Google Developer Console
    https://console.developers.google.com/
  • Click on the Select a project dropdown in the top menu
  • Then click NEW PROJECT button
  • Fill the Project name input and create

Wait a few seconds while the application is created.

  • On the project dropdown, select your new project
  • Click on Go to APIs overview under the APIs card
  • Then click on the Credentials link in the left menu
  • Click on OAuth consent screen button
  • Choose External and click on create
  • Fill the Application name and save
  • Then click on Create credentials button
  • Choose OAuth client ID option
  • Fill the information:
    • Name: Strapi Auth
    • Authorized redirect URIs: http://localhost:1337/api/connect/google/callback
  • Click on OAuth 2.0 Client IDs name of the client you just created
  • You should see your Application ID and secret, save them for later

Strapi configuration

  • Visit the User Permissions provider settings page
    http://localhost:1337/admin/settings/users-permissions/providers
  • Click on the Google provider
  • Fill the information (replace with your own client ID and secret):
    • Enable: ON
    • Client ID: 226437944084-o2mojv5i4lfnng9q8kq3jkf5v03avemk.apps.googleusercontent.com
    • Client Secret: aiTbMoiuJQflSBy6uQrfgsni
    • The redirect URL to your front-end app: http://localhost:3000/connect/google/redirect