Joomla OAuth Client Integration with Twitter Single Sign-On (SSO)
Overview
Streamline your Joomla user experience with seamless Twitter Single Sign-on (G Suite SSO) integration using the powerful OAuth 2.0 Protocol. With the miniOrange Joomla OAuth / OpenID Connect Single Sign-on (SSO) plugin, setting up Twitter SSO into Joomla becomes effortless, ensuring a secure login process. This allows users to access the Joomla site easily and securely by authenticating with their Twitter OAuth Provider credentials. The Twitter OAuth Joomla plugin also provides advanced features such as, Auto create users, Attribute Mapping, Group Mapping etc. 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.
To setup OAuth Single Sign-On between Joomla and Twitter, you can also follow this step by step Setup Video.
Configuration Steps
In this configuration, Twitter functions as the OAuth server, while Joomla allows users to log in with their Twitter 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 Twitter as OAuth Server, then click on the Save & Next button.
Step 2: Configure Twitter as OAuth Server
- 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.
- Then navigate to the App setting.
- Click on Edit button for Authentication settings.
- Enable 3-legged OAuth for sign in Twitter.
- Enter the Callback URL which is copied in step 1.
- Click on the Save button
- Go to the Step 2 [Client ID & Secret] tab of the Joomla OAuth Client plugin, here paste the Client ID & Client Secret. Click on the Save Configuration button.
2.1. Scope & Endpoints
- Twitter Endpoints and scope:
|
Scope:
email
|
|
Authorize Endpoint:
https://api.twitter.com/oauth/authorize
|
|
Access Token Endpoint:
https://api.twitter.com/oauth2/token
|
|
Get User Info Endpoint:
https://api.twitter.com/1.1/users/show.json?screen_name=here-comes-twitter-screen-name
|
|
Set Client Credentials:
In Both (In Header and In Body)
|
Step 3: Configure Client ID & Secret
- Next, you will see a popup with the Client ID and Client Secret. Copy the Client ID and 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 Twitter as a custom OAuth or OIDC provider.
| Scope | Openid 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 |
| 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.
