VIDIZMO also allows ease of login by enabling you to sign in with your Google Account — the same account you already use with Gmail and other Google services.


To learn more about SSO, click here on Understanding Single Sign-On.


This article covers two setups:

  1. Configuration in Google Developers Portal
  2. Configuration in VIDIZMO


Configuration in Google Developers Portal

1. Click here on Google Cloud Platform to access the Google Developers Platform.

i. On the Sign In screen, enter the email address (or phone) you use to access your Google account

ii. Use the Next button to proceed to the next screen.




2. Use your Google credentials to log in:

i. Enter the password used for your account

ii. Use the Next button to proceed to the next screen.



3. After successfully signing in, Google's APIs & Services screen gets loaded. If this is your first time accessing the Google APIs, you will need to create a project. Click on the Create button to create a project first.




4. The My Applications screen lists all your Apps here. Use the Create Application button to create your App.

i. Enter a name for your project. Under the Location, if there is no parent organization or folder, keep the default value.

ii. Then hit the Create button to create your project.



5. Once the project gets created, you will be taken to the Project's Dashboard.

i. The Project you just created will be listed on the top in the drop-down

ii. Look for the Getting Started card

iii. Select Enable APIs and get credentials like keys to proceed





6. Clicking on the Enable APIs and get credentials like keys link will take you to the Dashboard's list of APIs and Services.

i. Click on the blue link + ENABLE APIS AND SERVICES

ii. Type and search for Google+ API

iii. Among other results from the search, select the Google+ API 

iv. On the next screen, click on the ENABLE button to enable this API for your Google API Project.





7. To use the API that was enabled in the previous step, you will need to create credentials to use it. Click on the CREATE CREDENTIALS button towards the right-hand side of the screen. On the Add credentials to your project screen, make selections from the drop-down fields based on your requirements:

i. Select the type of API i.e. Google+ API

ii. Select the type of application i.e. Web Server

iii. Select User data under What data will you be accessing? section.

iv. And then click on the What credentials do I need? button to create an OAuth 2.0 client ID.




8. On the second part under adding credentials is the creation of OAuth 2.0 Client ID:

i. Give a name to your OAuth Client ID (this is not the display name of your App.)

ii. Enter the origin URL of the client application.

iii. You will also need the Authorized redirect URL. Add them here.

iv. Finally hit the Create OAuth client ID to create the ID.


Note: You can enter URLs in either http & https format. Separate Applications are required for each Portal if you have multiple Portals.





9. The third step requires you to set up a consent screen for the users whenever a request is sent to access their private data using this ID and this Consent screen will be displayed for all the applications registered in this project.

i. Enter an email address for OAuth to work. 

ii. The Product name is displayed for the users. It is also a required field and must be entered for OAuth to work.

iii. Upon hitting the Continue button, the client ID gets created as shown in the next Step #10.



10. To final step when adding credentials to your project is to download and note down the credentials:

i. Click on the Download button to save your credentials information in JSON format.

ii. Click on the Done button to complete the process.

iii. These Client ID gets listed under the Credentials screen and can be downloaded when required.





11. The last step is to note down the Client Secret since we already have the Client ID:

i. Click on the Credentials link under APIs & Services.

ii. UNder the OAuth 2.0 Client IDs, select your Client ID.

iii. On the extreme right on the Client ID, use the edit icon to open the ID in edit mode.

iv. From the Client ID details screen, note down the Client Secret for use when configuring Google SSO in your Portal. 

v. If you have not made any changes on this screen, use the Cancel button to exit without saving or use the Save button to save changes and return to the Credentials screen.





Configuration in VIDIZMO

1. From the Portal's Homepage,

i. Click on the navigation menu on top left corner.

ii. Expand Admin tab.

iii. Click on the Settings tab and you'll be directed to Portal Settings page.




2. On Portal Settings page,

i. Click on the Apps tab on the left-hand panel.

ii. Further click on the Single Sign-On tab.

iii. Locate the Google SSO App on the screen, and click on the Settings icon at the right-hand side.




3. The Google SSO Settings screen offers various fields, each of which is explained below:

i. Client ID: This attribute is the unique identifier for the client application. Provide the information that was saved in step #3 when registering the application on the Google Developers Portal.

ii. Client Secret: The client secret is used in conjunction with Client Id to authenticate the client application as noted in step #3 when registering the application on the Google Developers Portal.

iii. Callback Path: Specifies the callback location where the authorization will be sent to your Portal.

iv. Attribute Mapping: Attribute Mapping allows you to map your attributes with the IDP's attributes.

v. Use the Save button to save your changes.





4. In order to activate SSO for Google:

i. Turn on the feature using the toggle button.


Result

Navigate to the Portal's login screen and you will see an option Log in with Google SSO. To learn further about signing in, read Sign in using Google.





Roles and Permissions

Only Administrators and Managers can configure an SSO App in Portal Settings.