Twitch SSO Login with Drupal OAuth Client | Drupal SSO Login


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

  • First of all, go to Twitch Console and Login/Signup.
  • Go to https://dev.twitch.tv/console . Click on Applications ->Register Your Application .
  • Enter your Application name under the Name field.
  • Twitch SSO Login with Drupal OAuth OpenID OIDC Single Sign On Enter Your Application Name in Twitch App
  • Enter the Redirect/Callback URI from miniOrange OAuth Client module under the OAuth Redirect URL field.
  • Twitch SSO Login with Drupal OAuth OpenID OIDC Single Sign On Enter Redirected URL Twitch App
  • Select a Category.
  • Twitch SSO Login with Drupal OAuth OpenID OIDC Single Sign On Twitch App Category For Twitch
  • Click on Create button.
  • Twitch SSO Login with Drupal OAuth OpenID OIDC Single Sign On Twitch App Click On Create
  • Click on Manage.
  • Twitch SSO Login with Drupal OAuth OpenID OIDC Single Sign On Twitch App Click On Manage

    3. Integrating Drupal with Twitch

  • Click on New Secret button.
  • Twitch SSO Login with Drupal OAuth OpenID OIDC Single Sign On Twitch New Secret
  • Copy your Client ID and Client Secret and save it on your miniOrange OAuth Client module Configuration.
  • Twitch SSO Login with Drupal OAuth OpenID OIDC Single Sign On Copy Twitch ClientSecret
  • You have successfully completed your Twitch Oauth Server side configurations.
  • 4. Twitch Subscription Mapping Add-on [Optional]

    • Go to the Twitch Subscription Mapping Add-on and enter your Channel ID and click on Save Settings.
    • Twitch SSO Login with Drupal OAuth OpenID OIDC Enter Your Channel ID
    • While configuring your OAuth application for Twitch, enter the scope as user_subscriptions. Once you save the settings, click on Test Configuration. You will get the subscription plan of the user in the subscription attribute as shown in the image below.
    • Twitch SSO Login with Drupal OAuth OpenID OIDC Test Configuration

      b) Find your Channel ID

    • Go to https://www.twitch.tv/ and login to your channel account. In your profile section click on Settings.
    • Twitch SSO Login with Drupal OAuth OpenID OIDC Login to Your Channel Account
    • In the settings window click on Channel and Videos. It will open your channel settings in the creator dashboard.
    • Twitch SSO Login with Drupal OAuth OpenID OIDC Click On Channel and Videos
    • Here you can see the Primary Stream Key section and click on show.
    • Twitch SSO Login with Drupal OAuth OpenID OIDC You Can See the Primary Stream Key
    • Click on I Understand to reveal your stream key.
    • Twitch SSO Login with Drupal OAuth OpenID OIDC Click On Understand Button
    • Your stream key has the pattern live_<your channel id>_ <unique key>.
    • Twitch SSO Login with Drupal OAuth OpenID OIDC Key Pattern
    • Once you get the stream key, copy the numerical channel id to save it in add-on.
    • NOTE - Channel ID doesn't change when you reset the Primary Stream Key. Resetting the stream key only changes the <unique key> value.

Twitch Endpoints and Scope:


Client ID : from the step 9 above
Client Secret : from the step 9 above
Scope: user:read:email
For more scopes click here.
Authorize Endpoint: https://id.twitch.tv/oauth2/authorize
Access Token Endpoint: https://id.twitch.tv/oauth2/token
Get User Info Endpoint: https://id.twitch.tv/oauth2/userinfo

5. Test Configuration of Drupal with Twitch

  • After successfully saving the configurations, please click on the Test Configuration button to test the connection between Drupal and Twitch.
  • Twitch 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 Twitch.
  • Select the Email Attribute from the dropdown menu in which the user's email ID is obtained and click on the Done button.
  • Twitch 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.
  • Twitch 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 Twitch link there. If you want to add the SSO link to other pages as well, please follow the steps given in the image below :
  • Twitch sso login with drupal OAuth OpenID Single Single On DeviantArt test Configuration successfully

24*7 Active Support

If you face any issues or if you have any questions, please feel free to reach out to us at drupalsupport@xecurify.com. In case you want some additional features to be included in the module, please get in touch with us, and we can get that custom-made for you. Also, If you want, we can also schedule an online meeting to help you configure the Drupal OAuth/OpenID Single Sign On module.

Additional Resources

Our Other modules

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