GoogleAuth

Google auth with token helps you to easily create google authentication available for your users using Sign In With Google button. It uses the official google-auth-library library to execute the actions and verify the token. You can get it working in seconds 🫰.

Features

• Official GoogleAPIs integration
• One Tap support using idToken One Tap
• Using strapi default user-permission collection
• JWT Authentication
• Sanitized response
• Highly secure
• Save user first and last name of the user in strapi user entity
• Save user gmail profile picture of the user in strapi user entity

Activate the Plugin

1. Install the plugin using npm or yarn

npm install strapi-google-auth-with-token
# or
yarn add strapi-google-auth-with-token

2. Add the following lines of code in the file: config/plugins.js or config/plugins.ts

1
2
3
4
5
6
7
8
9
10
11
12
module.exports = {
	'strapi-google-auth-with-token': {
		enabled: true,
	},
};

// or in typescript for config/plugins.ts
export default () => ({
  "strapi-google-auth-with-token": {
    enabled: true,
  },
});

Configuration

1. Create a google project from the Google Cloud Console.
2. Create OAuth Consent Screen (Nav Menu -> APIs & Services -> OAuth consent screen).
3. Go to Credentials, click create credentials -> OAuth Client ID
4. Put the CLIENT_ID in the plugin page of Strapi, and save it.

How to use

Get User jwt token and user data

1
2
3
4
5
6
7
    {
        method: 'POST',
        path: 'STRAPI_BACKEND_URL/strapi-google-auth-with-token/auth', // like: http://localhost:1337/strapi-google-auth-with-token/auth
        data: {
            token: idToken // get the token from the google sign-in button
        }
    }

If you want to save user data in strapi user entity

• Add firstName short text field to user entity in Content Type Builder to save the first name of the user

• Add lastName short text field to user entity in Content Type Builder to save the last name of the user

• Add picture single media field to user entity in Content Type Builder to save the profile picture of the user

Report Bugs/Issues

Any bugs/issues you may face can be submitted as issues in the Github repo.