Configure Twitch Single Sign-On (SSO) with Joomla OAuth Client Plugin
Overview
Integration of Twitch Single Sign-on (Twitch SSO) with Joomla using OAuth 2.0 Protocol. The miniOrange Joomla OAuth
/ OpenID Connect Single Sign-on (SSO) plugin makes it simple to set up Twitch SSO into Joomla and enable secure
login into Joomla. As a result, users can log in to Joomla and access the site by authenticating with their Twitch
OAuth provider credentials.
Visit our Joomla OAuth Client Plugin page to learn more about the features and
Pricing
plans we offer for the Joomla OAuth Single Sign-on (OAuth & OpenID connect) plugin.
Configuration Steps
In this configuration, Twitch functions as the OAuth server, while Joomla allows users to log in with their Twitch credentials by utilizing the Joomla OAuth Client Plugin.
Step 1: Install Joomla OAuth Client Plugin
- Login into your Joomla site’s Administrator console.
- From left toggle menu, click on System, then under Install section click on Extensions.
- Now click on Or Browse for file button to locate and install the plugin file downloaded earlier.
- Installation of plugin is successful. Now click on Get Started!
- Under Configure OAuth -> Pre-Configured Apps tab, select your OAuth Provider. You can also search for custom OAuth or custom OpenID application in the search bar, and configure your own custom provider.
- After selecting your OAuth provider, you will be redirected to the Step 1 [Redirect URL] tab. Now copy the Callback/Redirect URL which we will use to configure Twitch as OAuth Server, then click on the Save & Next button.
Step 2: Configure Twitch as OAuth Server
- First of all, go to Twitch Console and Login/Signup.
- Before creating or registering App, enable the 2FA. Go to Extension and then click on Enable 2FA.
- Under the tab of Security and Privacy click on Setup Two-factor Authentication.
- Click on Enable 2FA and enter details.
- Click on Done to successful enable the 2FA.
- Once 2FA is enable, then go to https://dev.twitch.tv/console/apps and click on Applications -> Register Your Application.
- Enter your Application name under the Name field. Enter the Redirect/Callback URI which we copied earlier and paste under the OAuth Redirect URL field. Then Select Category.
- Verify yourself and the click on Create.
Step 3: Configure Client ID & Secret
- Click on Manage under Applications.
- Copy the Client ID and click on New Secret to generate Client Secret.
- Go back to your Joomla Dashboard. Then go to Step 2 [Client ID & Secret].
- Paste the Client ID, Client Secret and Domain. Also Set Client Credentials In header then click on Save Settings. Once Settings are saved then click on Save Configuration.
- Scope & Endpoints are given below, which are required for configuring Joomla as OAuth Client plugin to configure Twitch as a custom OAuth or OIDC provider.
| Scope | user:read:email |
| 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 |
| Set Client Credentials | In Both (In Header and In Body) |
Step 4: Configure Attribute Mapping
- User Attribute Mapping is mandatory for enabling users to successfully login into Joomla. We will be setting up user profile attributes for Joomla using below settings.
- Go to Step 3 [Attribute Mapping] tab and click on Test Configuration button.
- You will be able to see the attributes in the Test Configuration output as follows.
- Now go to the Step 3 [Attribute Mapping] tab and Select the attribute name for Email and Username from dropdown. Then click on Finish Configuration button.
Step 5: Setup Login/SSO URL
- Now go to Step 4 [SSO URL] tab, here copy the Login/SSO URL and add it to your Site by following the given steps.
- Now logout and go to your Joomla site's pages where you have added this link. You will see a login link where you placed that button. Click on this button to perform SSO.
