Google

Sign in to Google

Go to Google Cloud Platform Console and sign in.

Choose project

Select the project you want to use for the SSO integration. If you don't have a project, you can create one.

// import googleProject from '@/assets/guides/sso/google/project.png';

Open Google Auth Platform

Now let's open the Google Auth Platform. We will use a search bar to find it.

// import searchBar from '@/assets/guides/sso/google/search.png';

Configure Google Auth Platform

First you need to configure the Google Auth Platform. You need to provide the App name and Support email.

Audience

Pick the External option to allow all users to use the SSO.

// import audience from '@/assets/guides/sso/google/audience.png';

Create OAuth Client

In navigation select Clients and click Create Client button.

// import createClient from '@/assets/guides/sso/google/create_client.png';

Configure OAuth Client

1. Select Web application as the application type,
2. Provide the Name of the application,
3. Add the Authorized redirect URIs for the callback URL.

// import configureClient from '@/assets/guides/sso/google/configure_client.png';

Get Client ID & Secret

After you create the OAuth Client, you need to get the Client ID and Client Secret. Choose your 0Auth Client and click edit button.

On the right side, you will see the Client ID and Client Secret.

// import secretClient from '@/assets/guides/sso/google/secret_client.png';

Save the Client ID and Client Secret. You will need these keys to integrate the SSO into your application.

Environment Variables (.env)

Add the Client ID and Client Secret to your .env file.

GOOGLE_CLIENT_ID=XXX
GOOGLE_CLIENT_SECRET=XXX

Configuration in VitNode

Add the Discord SSO plugin to your API routes.

import { GoogleSSOApiPlugin } from 'vitnode/api/plugins/sso/google';
 
VitNodeAPI({
  app,
  plugins: [],
  authorization: {
    ssoPlugins: [
      new GoogleSSOApiPlugin({
        clientId: process.env.GOOGLE_CLIENT_ID,
        clientSecret: process.env.GOOGLE_CLIENT_SECRET,
      }),
    ],
  },
});

Test the SSO

Now you can test the SSO. Go to the login page and click the Google button.

Publish OAuth Client

If everything works fine, you can publish the OAuth Client. Go to the OAuth Consent Screen => Audience and click the Publish App button.

// import publish from '@/assets/guides/sso/google/publish.png';