Contents

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) extenstion’s extra features.

The Magento OAuth & OpenID Connect Single Sign-On (SSO) extenstion 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 extenstion. 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 ) extenstion

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 miniorange_inc/miniorange-oauth-sso"
```
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 zip from here.
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

OAuth / OpenID Connect Single Sign On – SSO (OAuth Client)

By miniOrange

(1)

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]

Get this plugin

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

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.

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.

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.

Enter the Callback URL and website URL click on the save setting button.

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.

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.

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