Search Results :

×

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, Drupal 9 and Drupal 10.
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.



Pre-requisite: Download and Installation 


  • Download the module:
    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
  • 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
  • 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

1. Configure Twitch as OAuth Provider

  • Log in to Twitch Console.
  • Navigate to the Security and Privacy tab under Settings.
  • Scroll down to the Security section and click the Set Up Two-Factor Authentication button to enable the Second Factor Authentication.
  • Twitch SSO Login with Drupal OAuth OpenID OIDC Single Sign On Enable 2FA
  • Now, click on the Enable 2FA button.
  • Twitch SSO Login with Drupal OAuth OpenID OIDC Single Sign On Click Enable 2FA
  • Enter your Phone Number and click on the Continue button.
  • Enter the code sent to the registered Phone Number and click on the Continue button.
  • Open any Authenticator App, scan the QR code and enter the verification code generated.
  • Twitch SSO Login with Drupal OAuth OpenID OIDC Single Sign On Twitch App Scan QR
  • The Two-Factor Authentication was successfully enabled.
  • Now, navigate to the Twitch Developer Console and log in with Twitch credentials.
  • From the left navigation menu click on Applications -> Register Your Application.
  • Twitch SSO Login with Drupal OAuth OpenID OIDC Single Sign On Twitch Register Application
  • Enter the Application Name.
  • Paste the Callback-URL copied from the step here.
  • Select the Category and click on the Create button.
  • Twitch SSO Login with Drupal OAuth OpenID OIDC Single Sign On Twitch Register Application

    2. Configure Drupal as OAuth Client

  • Find the application and click on the Manage button.
  • Twitch SSO Login with Drupal OAuth OpenID OIDC Single Sign On Twitch Click Manage
  • Copy the Client ID and navigate to the miniOrange OAuth Client module.
  • Twitch SSO Login with Drupal OAuth OpenID OIDC Single Sign On Copy Twitch Client ID
  • Paste the copied Client ID under the Client ID text field.
  • Twitch SSO Login with Drupal OAuth OpenID OIDC Single Sign On Paste Twitch Client ID
  • Now again navigate to the Twitch console. Click on the New Secret button.
  • Copy the newly generated Client Secret and navigate to the miniOrange OAuth Client module.
  • Twitch SSO Login with Drupal OAuth OpenID OIDC Single Sign On Click New Client Secret
  • Paste the copied Secret into the Client Secret text field.
  • Twitch SSO Login with Drupal OAuth OpenID OIDC Single Sign On Paste Twitch Client Secret
  • Now, enter the following values for Scope, Authorize Endpoint, Access Token Endpoint and Get User Info Endpoint.
  • Scope: openid
    Authorize Endpoint: https://id.twitch.tv/oauth2/authorize?claims=%7B%22userinfo%22%3A%7B%22email%22%3Anull%2C%22email_verified%22%3Anull%7D%7D
    Access Token Endpoint: https://id.twitch.tv/oauth2/token
    Get User Info Endpoint: https://id.twitch.tv/oauth2/userinfo

3. Test Configuration of Drupal with Twitch

  • Once you are done with the configurations click on the Perform Test Configuration button.
  • Twitch sso login with drupal OAuth OpenID Single Single On DeviantArt test Configuration
  • Select the OAuth Provider attribute under which the user email is received. This attribute is to be mapped with the email attribute in the Drupal site.
  • 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