Search Results :

×

Joomla OAuth Client Integration with Twitter Single Sign-On (SSO)


Integration of Twitter Single Sign-on (Twitter 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 Twitter 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 Twitter 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.

Pre-requisites : Download And Installation


Steps to Install Joomla OAuth Client Plugin

  • Download the zip file for the miniOrange OAuth Client plugin for Joomla.
  • Login into your Joomla site’s administrator console.
  • From left toggle menu, click on System, then under Install section click on Extension.
  • Upload the downloaded zip file to install the Joomla OAuth Client plugin.
  • Installation of the plugin is successful. Now click on Start Using miniOrange OAuth Client plugin.
  • 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.
  • Joomla OAuth Single Sign-On SSO - Select your OAuth Provider

Setup Twitter as OAuth Provider with Joomla OAuth Client

1. Configure Callback/Redirect URL

  • 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.
  • Microsoft Entra ID OAuth Single Sign-On SSO into Joomla - Copy Redirect URL
  • Log into the Twitter developer portal.
  • Click on the Create project button.
  • Twitter OAuth SSO with Joomla | Twitter Single Sign-On, Create Project
  • Enter the Name for your project and click on Next button.
  • Login with Twitter into Joomla | Twitter SSO with Joomla, Project Name
  • Select the Usecase from the dropdown list.
  • Twitter OAuth OpenID Connect with Joomla | Single Sign-On with Joomla using Twitter, Select Usecase
  • Enter the Description for your project and click on Next button
  • Twitter OAuth SSO with Joomla | Twitter Single Sign-On, Project Description
  • Click on Create a new App.
  • Login with Twitter into Joomla | Twitter SSO with Joomla, Create New App
  • Enter the App Name and click on Complete button to create the application.
  • Twitter OAuth OpenID Connect with Joomla | Single Sign-On with Joomla using Twitter, App Name

    2. Configure Client ID and 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.
    • Twitter OAuth SSO with Joomla | Twitter Single Sign-On, API Key Secret
    • Then navigate to the App setting.
    • Login with Twitter into Joomla | Twitter SSO with Joomla, App Settings
    • Click on Edit button for Authentication settings.
    • Twitter OAuth OpenID Connect with Joomla | Single Sign-On with Joomla using Twitter, Edit Authentication Settings
    • Enable 3-legged OAuth for sign in Twitter.
    • Twitter OAuth SSO with Joomla | Twitter Single Sign-On, Enable 3-legged OAuth
    • Enter the Callback URL which is copied in step 1.
    • Login with Twitter into Joomla | Twitter SSO with Joomla, Callback URL and Website URL
    • Click on the Save button
    • Twitter OAuth OpenID Connect with Joomla | Single Sign-On with Joomla using Twitter, Save Settings
    • 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.
    • Twitter OAuth Single Sign-On SSO into Joomla - Save Configuration

    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)

    3. 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.
    • OAuth Single Sign-On SSO into Joomla - Test Configuration
    • You will be able to see the attributes in the Test Configuration output as follows.
    • OAuth Single Sign-On SSO into Joomla - Configuration output
    • 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.
    • OAuth Single Sign-On SSO into Joomla - Attribute Mapping

    4. 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.
    • OAuth Single Sign-On SSO into Joomla - Login/SSO URL
    • 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.

    You have successfully configured Joomla as OAuth Client for achieving Joomla Twitter Single Sign-On (SSO) with Joomla for user authentication.


    In this guide, you have successfully configured Joomla Twitter Single Sign-On (SSO) by configuring Twitter as OAuth Provider and Joomla as OAuth Client using our Joomla OAuth Client plugin.This solution ensures that you are ready to roll out secure access to your Joomla site using Twitter login credentials within minutes.

    Additional Resources


    Mail us on joomlasupport@xecurify.com for quick guidance(via email/meeting) on your requirement and our team will help you to select the best suitable solution/plan as per your requirement.

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