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


Integration of Facebook Single Sign-on( Facebook SSO ) with Joomla using OAuth 2.0 Protocol. The miniOrange Joomla OAuth / OpenID Connect Single SIgn-on (SSO) plugin makes it simple to set up Facebook SSO into Joomla and enable secure login into joomla. As a result, users can log in to Joomla and access the site by authenticating with their Facebook identity provider credentials.
Visit our Joomla OAuth Client Plugin webpage to learn more about the features and plans we offer for the Joomla OAuth Single Sign-on (OAuth & OpenID connect) plugin.

Plugin Download and Video Setup Guide


Steps to Configure Facebook Single Sign-On (SSO) into Joomla

1. Setup Facebook as OAuth Provider

  • Login/ Signup in Facebook developer console at https://developers.facebook.com/.
  • 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
  • Complete the security check and then click on Submit button.
  • Joomla Facebook OAuth SSO, security check
  • 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
  • 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
  • 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. Then, click on Save Changes button to save your configurations
  • Copy your App ID and App Secret and save it in your miniOrange OAuth Client Plugin. (under client id and client secret field respectively).
  • 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

    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

You have successfully configured Facebook as OAuth Provider for for achieving Facebook Single Sign-On (SSO) with Joomla for user integration.



2. Configure Joomla as OAuth Client


  • Download the zip file for the miniOrange OAuth Client plugin for Joomla from the link here.
  •  Joomla Oauth / OpenID Connect Single Sign-on SSO for Joomla - App Client Configuration
  • Login into your Joomla site’s administrator console.
  • From left toggle menu, click on System, then under Install section click on Extension.
  •  Joomla Oauth / OpenID Connect Single Sign-on SSO for Joomla - App Client Configuration
  • Upload the downloaded zip file to install the Joomla OAuth Client plugin.
  •  Joomla Oauth / OpenID Connect Single Sign-on SSO for Joomla - App Client Configuration
  • From left toggle menu click on Components, then click on miniOrange OAuth Client , then click on Configure OAuth tab.
  • Under Configure OAuth tab . Select your OAuth Provider. (If your OAuth Provider not listed then click on Custom OAuth/ Custom OpenID connect App .)
  •  Joomla Oauth / OpenID Connect Single Sign-on SSO for Joomla - App Client Configuration
  • Fill in the details you received from your OAuth Provider.
  • Copy the Redirect/Callback URL given in the plugin and click on the Save Settings button to save details in your OAuth Provider. Then click on Test Configuration button.
  • joomla oauth provider OAuth tab
  • After click on the Test Configuration button and copy the email and name attributes and save these attributes in Email Attribute and Name Attribute text field respectively. Now click on the Save Attribute Mapping button to save your configurations.
  •  Joomla Oauth / OpenID Connect Single Sign-on SSO for Joomla - App Client Configuration
  • Use the Login URL to perform the SSO of your pre-configured OAuth/OpenID Connect Provider, (After completing test configuration please copy the Login URL and Add a button on your site login page).
  • Joomla OAuth Client - Login 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.
  • Congratulations, you have successfully configured the miniOrange OAuth Client plugin with your desired 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.

  • Download the zip file for the miniOrange OAuth Client plugin for Joomla from the link here.
  •  Joomla Oauth / OpenID Connect Single Sign-on SSO for Joomla - App Client Configuration
  • Login into your Joomla site’s administrator console.
  • Go to Extension Manage Install in the top navigation bar to install the plugin.
  •  Joomla Oauth / OpenID Connect Single Sign-on SSO for Joomla - App Client Configuration
  • Upload the downloaded zip file to install the OAuth Client plugin.
  •  Joomla Oauth / OpenID Connect Single Sign-on SSO for Joomla - App Client Configuration
  • Navigate to Extensions Manage Manage and search for miniorange in the Search bar provided to see the list of the components.
  • Go to Components MiniOrange OAuth Client Configure OAuth tab from the top navigation bar to go to the configuration page of the plugin.
  •  Joomla Oauth / OpenID Connect Single Sign-on SSO for Joomla - App Client Configuration
  • Select your OAuth Provider from the Select Application dropdown. In case your OAuth Provider is not listed in the drop down, please select Custom OAuth Provider to continue.
  •  Joomla Oauth / OpenID Connect Single Sign-on SSO for Joomla - App Client Configuration  Joomla Oauth / OpenID Connect Single Sign-on SSO for Joomla - App Client Configuration
  • Fill in the details you received from your OAuth Provider.
  • Copy the Redirect/Callback URL given in the plugin and click on the Save Settings button to save details in your OAuth Provider.
  • Click on the Test Configuration button and copy the email and name attributes and save these attributes in Email Attribute and Name Attribute text field respectively. Now click on the Save Attribute Mapping button to save your configurations.
  •  Joomla Oauth / OpenID Connect Single Sign-on SSO for Joomla - App Client Configuration  Joomla Oauth / OpenID Connect Single Sign-on SSO for Joomla - App Client Configuration
  • Use the Login URL to perform the SSO of your pre-configured OAuth/OpenID Connect Provider, (After completing test configuration please copy the Login URL and Add a button on your site login page).
  • Joomla OAuth Client - Login 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.
  • Congratulations, you have successfully configured the miniOrange OAuth Client plugin with your desired 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.

You have successfully configured Joomla as OAuth Client for achieving Joomla Facebook Single Sign-On (SSO) with Joomla for user authentication.

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