Search Results :

×

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


Integration of Facebook Login (Facebook Social Login) 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 Facebook Login on Magento (Facebook 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 Facebook. At the end of this article, users should be able to log into Magento using Facebook. 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 Facebook 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 Facebook in this article. Users should be able to log in to Magento through Facebook 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 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

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.5

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

1. Setup Facebook as OAuth Provider

Follow the steps below to configure Facebook as OAuth Provider

miniorange img Configure Facebook as OAuth Provider
  • First of all, Login/ Signup in Facebook developer console at https://developers.facebook.com/
  • Magento Facebook SSO developer console
  • Go to My apps.
  • OAuth/OpenID/OIDC Single Sign On (SSO) Facebook SSO add new app
  • Click on Create app to create a new app.
  • Magento Facebook SSO add new app
  • Select your application type.
  • OAuth/OpenID/OIDC Single Sign On (SSO) Facebook SSO add new app
  • Enter the required details and click on Create App.
  • Magento OAuth 2.0 Facebook SSO add new app
  • Complete the security check and click on Submit button.
  • Single Sign On (SSO) Facebook SSO add new app Magento OAuth
  • Select Facebook Login by clicking on the set up button .
  • Magento Facebook SSO login setup
  • Select Facebook Login -> Settings under Products option in the navigation bar .
  • OAuth/OpenID/OIDC Single Sign On (SSO) Facebook SSO login setting
  • Under Client OAuth Settings, enter the Callback/Redirect URL (from your miniOrange Oauth Client plugin) in the Valid OAuth Redirect URIs field. Click on the Save button to save your configurations.
    Most importantly, your Callback/Redirect URI should be https and not http. It is mandatory while configuring Facebook as an OAuth Server.
  • Magento SSO Facebook Oauth Login client oauth setting
  • Go to Settings -> Basic to view your App Id and App Secret Refer to the image below).
  • OAuth/OpenID/OIDC Single Sign On (SSO) Facebook SSO client oauth basic setting | Magento Facebook
  • Enter your Privacy Policy URL in the Privacy Policy URL field and choose a category from the dropdown in the Category field. Then, click on Save Changes button to save your configurations.
  • Copy your App ID and your App Secret and save it in your miniOrange OAuth Client Extension. (under client id and client secret field respectively).
  • Single Sign On (SSO) Facebook oauth Login SSO app id app secret | Magento Facebook
  • Change you app status from In Development to Live by clicking on OFF as shown in the image below. Then, click on confirm to confirm your change of status.
  • OAuth/OpenID/OIDC Single Sign On (SSO) Facebook SSO change status | Magento Facebook

You have successfully configured Facebook as OAuth Provider for achieving Facebook 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. (You can copy these values in STEP 2 from the application dashboard.)

    Please refer below Endpoints to configure the OAuth client


    Scope: public_profile email
    Authorize Endpoint: https://www.facebook.com/dialog/oauth
    Access Token Endpoint: https://graph.facebook.com/v2.8/oauth/access_token
    Get User Info Endpoint: https://graph.facebook.com/me/?fields=id,name,email,age_range,first_name,gender,last_name,link
  • Click on the Save button to save the settings.
  • Click on the Test Configuration button.
  • Magento 2 OAuth credentials Facebook SSO OAuth | Magento Facebook
  • 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 | Magento Facebook
  • Go to the Sign In Settings tab and check options to enable SSO on your Magento site.
  • Magento 2 OAuth enable SSO Magento SSO

4. Customer / Admin SSO



  • Go to customer login page and you will see the SSO button on your frontend. Click on the button and test the SSO.
  • Magento 2 OAuth SSO customer SSO
  • You will be sucessfully logged in into Magento.
  • magento SSO magento 2 OAuth client SSO Admin SSO

4: 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 | Magento Facebook

5: 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.
  • Facebook Magento SSO - Facebook Single Sign-On(SSO) Login in Magento - role mapping

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

Additional Resources


Why Our Customers choose miniOrange Magento Single Sign-On (SSO) Solutions?


24/7 Support

We offer 24/7 support for all Magento solutions. We ensure high quality support to meet your needs.

Sign Up

Customer Reviews

See for yourself what satisfied customers have to say about our reliable Magento solutions.

Reviews

Extensive Setup Guides

Easy and precise step-by-step instructions and videos to help you configure within minutes.

Watch Demo


We offer Secure Identity Solutions for Single Sign-On, Two Factor Authentication, Provisioning, and much more. Please contact us at

 +1 978 658 9387 (US) | +91 97178 45846 (India)   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

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