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

Setup Facebook as OAuth Provider with Joomla OAuth Client

1. Download and Setup Joomla OAuth Client

• Download the zip file for the miniOrange OAuth Client plugin for Joomla from the given link.
• Login into your Joomla site’s administrator console.
• From Menu, click on System, then under Install section click on Extension.
• Upload the downloaded zip file to install the Joomla OAuth Client plugin.
• After successful installation of plugin, click on Start Using miniOrange OAuth Client plugin button.
• Under Configure OAuth tab. Select Facebook as an OAuth Provider.

• Copy the Callback/Redirect URL from Configure OAuth tab of Joomla OAuth Client plugin. We will require it later.

2. Configure Facebook as OAuth Provider

• Now login/signup to the Facebook developers dashboard..

• Go to My APPS Add New App.

• Click on Create app to create a new app for Joomla OAuth Client.

• Select what your app is going to work for Joomla site. Then click on Continue button.

• Enter the required details for facebook SSO application and then click on Create App button.

• Select option Facebook Login by clicking on the Set up button.

• Select Facebook Login -> Settings under Products option in the navigation bar.

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

• Under Configure OAuth tab, enter the Callback/Redirect URL (from your miniOrange Joomla OAuth Client plugin here ) 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.

• Go to Settings -> Basic to view your App Id and App Secret Refer to the image below).

• 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

• Copy your App ID and App Secret which is your Client ID and Client Secret and save it in your miniOrange OAuth Client Plugin.

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

3. Integrating Joomla with Facebook

• Now go to the Joomla OAuth Client plugin, under Configure OAuth tab, enter the all the details. Then click on Save Settings and then click on Test Configuration.

3.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)

3.2. Grant Settings

• Go to the Grant Settings tab. Here you select the proper grant type for your Joomla site as shwon below.

4. User 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.
• Click on Test Configuration button, you will see all the values returned by your OAuth Provider to Joomla in a table.

• Now go to do Attribute Mapping tab. Here you can map all the Attribute Mapping details in the given fields below.

5. Role/Group Mapping

• Go to the Role Mapping tab. Here you can Enable Role Mapping and select default groups for new users.
• Based on your provider application, you can allocate the Joomla role to your provider roles.

6. Login Settings

• Now you can use Login / SSO URL to perform SSO.

• 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.
• Go to the Login/Logout Settings tab. Here, you can configure user login/logout behavior for your Joomla application.

• Congratulations, you have successfully configured the miniOrange OAuth Client plugin with your Okta OAuth Provider.
• Click on the Upgrade Plans tab to check out our complete list of features and various licensing plans. OR you can click here to check features and licensing plans.
• If you want to purchase any of the paid version of the plugin, you have to register/login with us in Account Setup tab. OR you can register/login Here .
• In case, you are facing some issue or have any question in mind, you can reach out to us by sending us your query through the Support button in the plugin or by sending us a mail at joomlasupport@xecurify.com.

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

• What is OAuth 2.0?
• Frequently Asked Questions (FAQs)
• How to configure OAuth / OpenID Connect SSO with Azure AD
• How to configure OAuth / OpenID Connect SSO with Salesforce
• How to configure OAuth / OpenID Connect SSO with AWS Cognito
• How to configure OAuth / OpenID Connect SSO with Discord
• How to configure OAuth / OpenID Connect SSO with Google Apps
• How to configure OAuth / OpenID Connect SSO with Instagram
• How to configure OAuth / OpenID Connect SSO with Keycloak

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.