OAuth / OpenID Connect Single Sign-On (SSO) into Joomla using Twitter | Twitter SSO Login

What is OAuth / OpenID?

OAuth Server / OpenID Connect Server (OAuth 2.0 Server) also known as Authorization Server, It is the modern standard for securing access to APIs & implements network protocol flows which allow a client (OAuth Client) to act on behalf of a user. OAuth Server allows clients to verify the identity of end-users based on the authentication performed by an Authorization Server and also to obtain basic profile (Scope) information about the end-users in an interoperable and REST-like manner.

How does OAuth / OpenID work?

OAuth 2.0 Server is used to set up any Application as Identity Server to allow users to Single Sign-On / Login into their client site/application with login using OAuth / OpenID Connect protocol flows. The primary goal of this OAuth 2.0 server / Oauth Provider is to allow users to interact with multiple apps without requiring them to store sensitive credentials. You can easily configure an OAuth 2.0 / OpenID Connect server to protect your API with access tokens, or allow clients to request new access tokens and refresh them.

Joomla OAuth & OpenID Connect Single Sign-On (SSO) plugin enables secure login into Joomla using Twitter as OAuth and OpenID Connect provider. You can also configure the plugin using different Oauth providers such as Azure B2C, Office 365, and other custom providers. It supports advanced Single Sign-On (SSO) features such as user profile Attribute mapping, Role mapping, multi-tenant login, etc. Here we will go through a guide to configure SSO between Joomla and Twitter. By the end of this guide, users should be able to login to Joomla from Twitter.

click here to know more about other features we provide in Joomla OAuth Single Sign-On ( OAuth & OpenID Connect Client ) plugin

Download And Installation

Log into your Joomla instance as an admin.
Go to the Joomla Dashboard -> Extensions -> Manage and click on Install.
Seach for a Joomla OAuth Client plugin and click on Install.

Step 1: Setup Twitter as OAuth Provider

Log into the Twitter developer portal using https://developer.twitter.com/en/apps
Click on the Create project button.

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

Click on Create a new App.

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

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.

Go to App setting.

Click on Edit button for Authentication settings.

Enable 3-legged Oauth for sign in Twitter.

Enter the Callback URL and website URL.

Click on the Save button

Step 2: Configure miniOrange Joomla OAuth Client plugin.

Download the zip file for the miniOrange OAuth Client plugin for Joomla from the link here.

Login into your Joomla site’s administrator console.
Go to Extension Manage Install in the top navigation bar to install the plugin.

Upload the downloaded zip file to install the OAuth Client plugin.

Navigate to Extensions Manage Manage and search for miniorange in the Search bar provided to see the list of the components.
Go to Components MiniOrange OAuth Client in the top navigation bar to go to the configuration page of the plugin.

Register/ Login with miniOrange.
Go to the Configure OAuth tab in the plugin. FIll in the details you received from your OAuth Provider and click on the Save Settings button.

Select your OAuth Provider from the Select Application dropdown. In case your OAuth Provider is not listed in the drop down, please select Custom OAuth Provider to continue.

Copy the Redirect/Callback URL given in the plugin and save it in your OAuth Provider.
Click on the Test Configuration button and copy the email and name attributes and save these attributes in Email Attribute and Name Attribute text field respectively. Now click on the Save Attribute Mapping button to save your configurations.

Add a button on your site login page with the following URL:your_home_page/base_url/?morequest=oauthredirect&app_name=xxxxxxxxx

You would find appropriate URL in Instructions to configure in the bellow section of Attribute Mapping (After completing test configuration please choose URL and Add a button on your site login page).

Now logout and go to your site. You will see a login link where you placed that button.
Click on the Licensing Plans Tab to check out our complete list of features and various licensing plans.
In case, you are facing some issue or have any question in mind, you can reach out to us by sending us your query through the Support dialog box in the Account Setup and Configure OAuth tabs.

joomla oauth provider server sso submit query

Congratulations, you have successfully configured the miniOrange OAuth Client plugin with your desired OAuth Provider. In case you have any questions in mind, you can always mail us at joomlasupport@xecurify.com .

OAuth / OpenID Connect Single Sign-On (SSO) into Joomla using Twitter | Twitter SSO Login

What is OAuth / OpenID?

How does OAuth / OpenID work?

Download And Installation

Step 1: Setup Twitter as OAuth Provider

Step 2: Configure miniOrange Joomla OAuth Client plugin.

Congratulations, you have successfully configured the miniOrange OAuth Client plugin with your desired OAuth Provider. In case you have any questions in mind, you can always mail us at joomlasupport@xecurify.com .

Additional Resources

Contents

STAY CONNECTED

Product

Solutions

Why miniorange

Company