Twitter SSO Login with Drupal OAuth Client | Drupal SSO Login

Twitter SSO Login with Drupal OAuth Client | Drupal SSO Login


Drupal Twitter SSO integration will allow you to configure Single Sign-On ( SSO ) login between your Drupal site and Twitter 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 Twitter. By following these steps, users of Twitter will be able to log into the Drupal site using their Twitter 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.


Features and Pricing

Know more about Drupal OAuth/OpenID Single Sign On from here.

Pre-requisites: Download

You can download the Drupal OAuth/OpenID Single Sign On module from here.

1. Install Drupal OAuth Client module

    1.1. Using Composer:

    • For Windows:
      Composer require drupal/miniorange_oauth_client
    • For Linux:
      Composer require 'drupal/miniorange_oauth_client'
    • Navigate to Extend menu on your Drupal admin console and search for miniOrange OAuth Client Configuration using the search box.
    • Enable the module by checking the checkbox and click on the Install button.
    • You can configure the module at:
      {BaseURL}/admin/config/people/miniorange_oauth_client/config_clc

    1.2. Using Drush:

    • Download the module:
      drush dl drupal/miniorange_oauth_client
    • Install the module:
      drush en drupal/miniorange_oauth_client
    • Clear the cache:
       drush cr
    • You can configure the module at:
      {BaseURL}/admin/config/people/miniorange_oauth_client/config_clc

    1.3. Manual installation:

    • Navigate to Extend menu on your Drupal admin console and click on Install new module.
    • Install the Drupal OAuth & OpenID Connect Login - OAuth2 Client SSO Login module either by downloading the zip or from the URL of the package (tar/zip).
    • Click on Enable newly added modules.
    • Enable this module by checking the checkbox and click on install button.
    • You can configure the module at:
      {BaseURL}/admin/config/people/miniorange_oauth_client/config_clc
  • Navigate to the Configure OAuth tab and search for your Provider/Application using the search box. If you can't find a desired application/provider, select Custom OAuth Provider.
  • Drupal OAuth Client - Configure module
  • Copy the Callback/Redirect URL and keep it handy.
  • Drupal OAuth Client - Configure OAuth tab

2. Setup Twitter as an OAuth Provider

  • Log into the Twitter developer portal using https://developer.twitter.com/en/apps
  • Click on the Create project button.
  • OAuth/OpenID Twitter Single Sign On SSO
  • Enter the Name for your project and click on Next button.
  • OAuth/OpenID Twitter Single Sign On SSO create app
  • Select the Usecase from the dropdown list.
  • OAuth/OpenID Twitter Single Sign On SSO twitter sso callback url
  • Enter the Description for your project and click on Next button
  • OAuth/OpenID Twitter Single Sign On SSO twitter sso callback url
  • Click on Create a new App.
  • OAuth/OpenID Twitter Single Sign On SSO twitter sso callback url
  • Enter the App Name and click on Complete button to create the application.
  • OAuth/OpenID Twitter Single Sign On SSO twitter sso API key secret

    3. Integrating Drupal with Twitter

  • After saving your application, you will get a Client ID and Client Secret. Save these details as we will be requiring these later to configure the OAuth client plugin.
  • OAuth/OpenID Twitter Single Sign On SSO twitter sso API key secret
  • Go to App setting.
  • OAuth/OpenID Twitter Single Sign On SSO twitter sso API key secret
  • Click on Edit button for Authentication settings.
  • OAuth/OpenID Twitter Single Sign On SSO twitter sso API key secret
  • Enable 3-legged Oauth for sign in Twitter.
  • OAuth/OpenID Twitter Single Sign On SSO twitter sso API key secret
  • Enter the Callback URL and website URL click on the save setting button.
  • OAuth/OpenID Twitter Single Sign On SSO twitter sso API key secret

    4. Test Configuration of Drupal with Twitter

    • After successfully saving the configurations, please click on the Test Configuration button to test the connection between Drupal and Twitter.
    • Twitter sso login with drupal OAuth OpenID Single Single On DeviantArt test Configuration
    • This Test Configuration window will provide you with a list of the attributes that are coming from the Twitter.
    • Select the Email Attribute from the dropdown menu in which the user's email ID is obtained and click on the Done button.
    • Twitter sso login with drupal OAuth OpenID Single Single On DeviantArt test Configuration successfully
    • Now, in the Attribute & Role Mapping tab, you can also choose the Username Attribute from the dropdown and click on the Save Configuration button.
    • Twitter sso login with drupal OAuth OpenID Single Single On DeviantArt test Configuration successfully

      Please note: Mapping the Email Attribute is mandatory for your login to work.

    • Now log out and go to your Drupal site’s login page. You will automatically find a Login with Twitter link there. If you want to add the SSO link to other pages as well, please follow the steps given in the image below :
    • Twitter sso login with drupal OAuth OpenID Single Single On DeviantArt test Configuration successfully
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