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

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


Integration of Twitter Login (Twitter OAuth Single Sign-On) with Magento using OAuth 2.0 Protocol. The Magento OAuth / OpenID Connect Single Sign-On (SSO) plugin makes it easy to use OAuth2 to set up Twitter Login on Magento (Twitter Single Sign on).

The plugin can be set up using other Social Media sources, as well as custom OAuth and OIDC providers. It contains a lot of Single Sign-On (SSO) features, like Attribute Mapping for user profiles, Role Mapping, and so on. In this guide, we'll go over how to set up SSO between Magento and Twitter. At the end of this article, users should be able to log into Magento using Twitter. Click here to read more about the Magento OAuth Single Sign-On (OAuth & OpenID Connect Client) plugin's extra features.

The Magento OAuth & OpenID Connect Single Sign-On (SSO) plugin makes it possible to log into Magento securely using Twitter as an OAuth and OpenID Connect provider. You can also use alternative Oauth providers, such as Azure B2C, Office 365, and other custom providers, to configure the plugin. Advanced Single Sign-On features such as user profile Attribute Mapping, Role Mapping, and so on are supported. We'll go over how to set up SSO between Magento and Twitter in this article. Users should be able to log in to Magento through Twitter by the end of this guide.

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

Pre-requisites : Download And Installation

Installation using Composer:
  • Purchase the miniOrange OAuth / OpenID Connect Single Sign On extension from magento marketplace.
  • Go to My profile -> My Purchases
  • Please ensure you are using correct access keys (My Profile - Access Keys)
  • Paste the access keys in your auth.json file inside your project
  • Use the below command to add the extension to your project.
    "composer require {module_name}:{version}"
  • You can see the module name and list of versions in the selector below the extension module name.
  • Run the following commands on command prompt to enable the extension.
  • php bin/magento setup:di:compile
    php bin/magento setup:upgrade

Manual Installation:
  • Download the miniOrange OAuth OpenID Connect Single Sign-On extension.
  • Unzip all contents of the zip inside the MiniOrange/OAuth directory.
  • {Root Directory of Magento} app code MiniOrange OAuth
  • Run the following commands on command prompt to enable the extension.
  • php bin/magento setup:di:compile
    php bin/magento setup:upgrade

Magento OAuth OpenID Connect SSO extension allows login (Single Sign-On) into Magento with your Azure AD, Azure B2C, AWS Cognito, WSO2, Okta, LinkedIn, Google, Facebook, Slack, Discord or other custom OAuth 2.0 providers [24/7 SUPPORT]

 Tested with 2.4.4

Steps to configure Twitter OAuth & OpenID Single Sign-On (SSO) Login into Magento

1. Setup Twitter as OAuth Provider

Follow the steps below to configure Twitter as OAuth Provider

miniorange img Configure Twitter as OAuth Provider
  • Log into the Twitter developer portal usinghttps://developer.twitter.com/en/apps
  • Click on the Create project button.
  • OAuth/OpenID Magento Twitter Single Sign On SSO create project
  • Enter the Name for your project and click on Next button.
  • OAuth/OpenID Magento Twitter Single Sign On SSO enter app name
  • Select the Usecase from the dropdown list.
  • Magento Twitter Single Sign On SSO twitter sso usecase
  • Enter the Description for your project and click on Next button
  • Magento 2 OAuth SSO Twitter sso Description
  • Click on Create a new App.
  • Magento SSO Create new app Twitter
  • Enter the App Name and click on Complete button to create the application.
  • OAuth/OpenID Twitter Single Sign On SSO twitter app name
  • 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.
  • OAuth/OpenID Twitter Single Sign On SSO twitter sso API key secret
  • Go to App setting.
  • Magento 2 Oauth SSO Twitter app setting
  • Click on Edit button for Authentication settings.
  • OAuth/OpenID Twitter Single Sign On SSO twitter sso edit authentication settings
  • Enable 3-legged Oauth for sign in Twitter.
  • 3-legged oauth Magento Twitter SSO
  • Enter the Callback URL and website URL click on the save setting button.
  • OAuth/OpenID Twitter Single Sign On SSO twitter sso API key secret

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

2. Configuring Magento 2 as OAuth Client

  • After successfully configuring OAuth Provider, go to OAuth Provider tab and configure OAuth Provider Name, Client ID, Client Secret, Scope and provided endpoints.

    Please refer below Endpoints to configure the OAuth client


    Scope: public_profile email
    Authorize Endpoint: https://api.twitter.com/oauth/authorize
    Access Token Endpoint: https://api.twitter.com/oauth/access_token
    Get User Info Endpoint: https://api.twitter.com/1.1/users/show.json
  • Click on the Save button to save the settings.
  • Click on the Test Configuration button.
  • Magento 2 OAuth credentials Twitter SSO OAuth
  • You will see all the values returned by your OAuth Provider to Magento in a table. If you don't see value for First Name, Last Name, Email or Username, make the required settings in your OAuth Provider to return this information.
  • The miniOrange Premium Plugin also provides you the the feature to auto redirect your user to the IdP Login Page.
  • Magento 2 OAuth auto redirect to idp Magento SSO
  • Go to the Sign In Settings tab and check options to enable SSO on your Magento site.
  • Magento 2 OAuth enable SSO Magento SSO
  • You have successfully configured your Magento 2 as an OAuth Client. You will see the SSO button on your frontend. Click on the button and test the SSO.
  • Magento 2 OAuth SSO Twitter SSO Twitter magento SSO magento 2 OAuth client SSO Twitter SSO

3: Attribute Mapping (Optional). *This is Premium feature.

  • You can map attributes in the Attribute Mapping tab. Only username and email are allowed to be mapped in free version of the plugin. However, in the premium version of the plugin, you can map various attributes coming from your OAuth Provider to the attributes present in your Magento site.
  • Magento 2 OAuth attribute mapping Magento SSO

4: Role Mapping (Optional). *This is Premium feature.

  • You can specify a default role in the free plugin that will be allocated to all non-admin users when they conduct SSO.
  • Go to Attribute/Role mapping tab and navigate to Role Mapping section.
  • Select the Default Role and click on the Save button.
  • Twitter Magento SSO - Twitter Single Sign-On(SSO) Login in Magento - role mapping

By configuring Twitter as an OAuth Provider and Magento as an OAuth Client using our Magento OAuth Client plugin, you have successfully installed Magento Twitter Single Sign-On (SSO). Within minutes, you'll be able to provide safe access to your Magento site utilising Twitter login credentials thanks to this solution.

Additional Resources


If you are looking for anything which you cannot find, please drop us an email on magentosupport@xecurify.com

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