Search Results :

×

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


The miniOrange Joomla OAuth/OpenID Connect Single Sign-on (SSO) plugin seamlessly integrates Facebook Single Sign-on (Facebook SSO) with Joomla through the OAuth 2.0 Protocol. This enables secure and straightforward Facebook-based authentication for Joomla, allowing users to log in to the site effortlessly and access its features with their Facebook 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 Facebook 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 the OAuth Server, then click on the Save & Next button.
  • OAuth Single Sign-On SSO into Joomla - Copy Redirect URL
  • Now login/signup to the Facebook developers dashboard..
  • Joomla Facebook OAuth SSO, Login/ Signup in Facebook
  • Go to My APPS Add New App.
  • Joomla Facebook OAuth SSO, Add New App
  • Click on Create app to create a new app for Joomla OAuth Client.
  • Joomla Facebook OAuth SSO, Create New Application
  • Select what your app is going to work for Joomla site. Then click on Continue button.
  • Joomla Facebook OAuth SSO, Select App
  • Enter the required details for facebook SSO application and then click on Create App button.
  • Joomla Facebook OAuth SSO, Enter Details of application
  • Select option Facebook Login by clicking on the Set up button.
  • Joomla Facebook OAuth SSO, Facebook login
  • Select Facebook Login -> Settings under Products option in the navigation bar.
  • Joomla Facebook OAuth SSO, Facebook login Settings
  • Select the Web option as you are trying to integrate your Facebook Login with a website.
  • Next, enter the redirect URL (from your miniOrange OAuth client plugin) and click Save. Then, click Continue.
  • Joomla Facebook OAuth SSO, Facebook login Settings
  • Under Configure OAuth tab, enter the Callback/Redirect URL (from your miniOrange Joomla 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.
  • Joomla Facebook OAuth SSO, Redirect URL from Configure OAuth tab

2. Configure Client ID and Secret

  • Go to Settings -> Basic to view your App Id and App Secret Refer to the image below).
  • Joomla Facebook OAuth SSO, App ID and App Secret
  • Enter your Privacy Policy URL in the Privacy Policy URL field and choose a category from the dropdown in the Category field. Also enter the terms of service URL and User deletion url in the given fields. Then, click on Save Changes button to save your configurations
  • Joomla Facebook OAuth SSO, App ID and App Secret
  • Copy your App ID and App Secret which is your Client ID and Client Secret and save it in your miniOrange OAuth Client Plugin.
  • Joomla Facebook OAuth SSO, App ID and Secret
  • 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.
  • Joomla Facebook OAuth SSO, Confirm status
  • Go to the Step 2 [Client ID & Secret] tab of the Joomla OAuth Client plugin, here paste the Client ID, Client Secret and Tenant. Click on the Save Configuration button.
  • OAuth Single Sign-On SSO into Joomla - Save Configuration

2.1. Scopes & Endpoints

    Facebook Endpoints and Scope:


    Client ID:
    See above
    Client Secret:
    See above
    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
    Set Client Credentials:
    In Both (In Header and In Body)

2.2. Grant Settings

  • Go to the Grant Settings tab. Here you select the proper grant type for your Joomla site as shwon below.
  •  Okta Single Sign-On (SSO) OAuth/OpenID

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.

In this guide, you have successfully configured Joomla Facebook Single Sign-On (SSO) by configuring Facebook 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 Facebook 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