Credentials
Get Google Credentials for Login
Follow the instructions below to generate your google credentials :
Setting up a project in Google Cloud Console
Create a new project in Google Cloud Console
Switch to the new project you just created.
Setting up the Oauth Consent Screen:
First step after creating the project is to setup the OAuth Consent Screen.
- For this navigate to the OAuth Consent Screen in the Sidebar of your Google Cloud Console :
- Under the Oauth Overview screen, click on
Get Started
button.
- Under the
App Information
Section, fill out the details :- Provide a Name for the app (For ex: Xyne)
- Provide a User Support email (For ex: your-email@gmail.com)
-
Click on
NEXT
. -
Under
Audience
section selectInternal
:
External
.-
Click on
NEXT
. -
Under
Contact Information
give the developer email. (For ex: your-contact@gmail.com)
-
Click on
NEXT
. -
Under the
Finish
section click on the checkbox to accept Google’s User Data Policy.
-
Click on
CONTINUE
. -
Click on
CREATE
.
External
in your Audience
section, you can now navigate to Audience
section again in the side menu and add your allowed external users in the Test Users
section. Setting Scopes :
- Now navigate to the
Data Access
section on the left-side menu.
- Under the
Scopes
section you’ll see theAdd or Remove Scopes
button. Click on that:
- For now in the scope section only add
/auth/userinfo.email
,/auth/userinfo.profile
andopenid
, leave out the rest of it.
- Click on
Save
.
This concludes the setting-up of your OAuth Consent Screen
Setting up the OAuth Credentials
- Now, under
Clients
section in the menu on the sidebar,
-
Click on
+CREATE CLIENT
, -
Under that you will see
Create OAuth client ID
option.
- Add the type as
Web Application
, and give it a name (For ex: Xyne)
-
Add Authorized JavaScript origins as:
http://localhost:3001
for local or replace withhttp://<YOUR_AWS_EC2_IPv4_DNS>
for production.
-
Add Authorized redirect URIs as:
http://localhost:3001/v1/auth/callback
for local setup orhttps://<YOUR_AWS_EC2_IPv4_DNS>/v1/auth/callback
for production.http://localhost:3001/oauth/callback
for local setup orhttps://<YOUR_AWS_EC2_IPv4_DNS>/oauth/callback
for production.
http://localhost:3000
as authorized Javascript Origins. Use http://localhost:3000/v1/auth/callback
and http://localhost:3000/oauth/callback
when using dev-mode.Click CREATE
and make sure to save the Client ID and Client Secret for putting it in the .env
of the application
You can use the following Guides to add your scopes for your project: