Google SSO Login with Drupal OAuth Client | Drupal SSO Login

Drupal Google SSO integration will allow you to configure Single Sign-On ( SSO ) login between your Drupal site and Google using OAuth/OpenID protocol. Drupal OAuth 2.0/OpenID connect module gives the ability to enable login using OAuth 2.0/OIDC Single Sign-On to Drupal Site. We provide the Drupal OAuth/OpenID Client module for Drupal 7, Drupal 8, and Drupal 9.

 

Here we will go through a guide to configure the SSO login between Drupal and Google. By following these steps, users of Google will be able to log into the Drupal site using their Google credentials.

If you have any queries or if you need any sort of assistance in configuring the module, you can contact us at drupalsupport@xecurify.com. If you want, we can also schedule an online meeting to help you configure the Drupal OAuth & OpenID Connect Login – OAuth2 Client SSO Login module.

You can refer the steps to Configure Google Apps with the Drupal OAuth Client module

from the Video or Documentation given below



Step 1: Configure Google Apps as an OAuth Server

  • Go to https://console.developers.google.com/ and Sign up/Login.
  • Drupal OAuth OpenID OIDC Single Sign On (SSO) Google Apps SSO Login Sign in
  • Click on Select Project.
  • Drupal OAuth OpenID OIDC Single Sign On (SSO) Google Apps SSO Select Project
  • Click on NEW PROJECT button to create a new project or else select one from the existing projects.
  • Drupal OAuth OpenID OIDC Single Sign On (SSO) Google Apps SSO Create a New Project
  • Enter your Project name under the Project Name field.
  • Drupal OAuth OpenID OIDC Single Sign On (SSO) Google Apps SSO Project Name Field
  • Now, again click on Select Project (highlighted in the image below) and select the newly created Project by clicking on the project name that you entered in the previous step.
  • Drupal OAuth OpenID OIDC Single Sign On (SSO) Google Apps SSO Select a Project
  • Click on ENABLE APIS AND SERVICES to enable Google PLUS API.
  • Drupal OAuth OpenID OIDC Single Sign On (SSO) Google Apps SSO ENABLE APIS AND SERVICES
  • Search for Google PLUS API in the search bar and click on Google+ API from the search results.
  • Drupal OAuth OpenID OIDC Single Sign On (SSO) Google Apps SSO Google PLUS API
  • Click on the ENABLE option to enable Google+ API.
  • Drupal OAuth OpenID OIDC Single Sign On (SSO) Google Apps SSO ENABLE Google PlUS API Option
  • Go to Navigation Menu->APIs & Services-> Credentials.
  • Drupal OAuth OpenID OIDC Single Sign On (SSO) Google Apps SSO Navigation Menu API And Services Credentials
  • Click on Create Credentials button and then select OAuth Client ID from the options provided.
  • Drupal OAuth OpenID OIDC Single Sign On (SSO) Google Apps SSO Create Credentials Select Configure Consent Screen
  • In case you are facing some warning saying that To create an OAuth Client ID, you must first set a product name on the consent screen (as shown in below image). Click on the Configure Consent Screen button.
  • Drupal OAuth OpenID OIDC Single Sign On (SSO) Google Apps SSO Application Type
  • Enter your application name under the Application Name Shown to Users field. Click on the Save button to save your settings.
  • Drupal OAuth OpenID OIDC Single Sign On (SSO) Google Apps SSO OAuth Consent Screen Enter Application Name
  • Select Web Application from the options below Application Type. Enter the name you want for your Client under the Name field and enter the Redirect/Callback URI from miniOrange OAuth Client module under the Authorized redirect URIs field.
  • Drupal OAuth OpenID OIDC Single Sign On (SSO) Google Apps SSO Redirect/Callback URI
  • Click on the Create button to save your configurations.
  • Copy your Client ID and Client Secret and save it on your miniOrange OAuth Client module Configuration.
  • Drupal OAuth OpenID OIDC Single Sign On (SSO) Google Apps SSO Client ID and Client Secret
  • Google apps Endpoints and scope:
  • Client ID : from the step above
    Client Secret : from the step above
    Scope: email+profile
    Authorize Endpoint: https://accounts.google.com/o/oauth2/auth
    Access Token Endpoint: https://www.googleapis.com/oauth2/v4/token
    Get User Info Endpoint: https://www.googleapis.com/oauth2/v1/userinfo

Step 2: Configure miniOrange Drupal OAuth Client module.

  • Login in your Drupal site’s admin console and click on Extend from the top navigation bar.
  • Select the Install new module option to install a new module on your Drupal site.
  • Drupal OAuth Client module - Install
  • Upload the downloaded zip file of the Module and click on the Install button to continue.
  • Drupal OAuth Client module - Upload
  • Select Enable newly added modules.
  • Drupal OAuth Client module - Update manager
  • Scroll down till you find miniOrange OAuth Client. Click on the checkbox next to it and click on the Install button to enable the module.
  • Drupal OAuth Client module - Enable module
  • Click on Configuration from the top navigation bar and Select Drupal OAuth client Configuration.
  • Drupal OAuth Client - Configuration
  • Click on the Configure OAuth Client tab and select your OAuth Provider from the Select Application dropdown. In case you do not find your OAuth Provider listed in the dropdown, please select Custom OAuth Provider and continue.
  • Drupal OAuth Client - Configure module
  • Enter your OAuth Provider's information in their respective fields and click on the Save button to continue. Also, copy the Callback/Redirect URL and save it on your OAuth Provider.
  • Drupal OAuth Client - Configure OAuth tab
  • Now click on the Test Configuration option. This Test Configuration link will give you the list of the attributes that are coming from your OAuth Provider.
  • Copy the email and the name attributes and save them under the Attribute & Role Mapping tab in the Email Attribute and Name Attribute text field respectively.
  • Please note: This step is mandatory for your login to work. Click on the Save button to save your attribute configurations.


    Drupal OAuth Client Attribute Mapping
  • If your OAuth Provider supports only HTTPS Root URL or Base URL (for eg. Azure, Azure B2C) you can change it under Sign In Settings tab.
  • Drupal OAuth Client Redirect URL
  • Now logout and go to your Drupal site’s login page, you will automatically find a Login withYour OAuth Provider link there. If you want to add your login link to other pages as well, please follow the steps given in the below image:

  • Drupal OAuth Client login link
  • If you want to check out our complete list of features and our various licensing plans, you can go to the Upgrade Plan tab in the module.
  • If you want to purchase any of the paid version of the module, you have to register/login with us in Register/Login tab.
  • Still, if you are facing any difficulty or if you have any questions in mind, you can reach out to us by submitting a query in the Support tab of a module or by sending us a mail at info@xecurify.com.
  • Congratulations, you have successfully configured the miniOrange Drupal OAuth Client module.

Need Help?

Contact us on drupalsupport@xecurify.com for quick guidance (via email/meeting) or call us at +1 978 658 9387.

On your requirement and our team will help you to select the best suitable solution/plan as per your requirement.

Hello there!

Need Help? We are right here!

support
Contact miniOrange Support
success

Thanks for your inquiry.

If you dont hear from us within 24 hours, please feel free to send a follow up email to info@xecurify.com