Guide to configure Facebook as an OAuth Server for Joomla

You can download OAuth Client plugin zip file for Joomla from here.

Step 1: Steps to configure Facebook as an OAuth Server

  • Login/ Signup in Facebook developer console at https://developers.facebook.com/.
  • Facebook_sso_Login/ Signup in Facebook
  • Go to My APPS Add New App.
  • Facebook_sso_Add New App
  • Enter the display name and contact email for your app under the Display Name and Contact Email fields respectively and then click on Create App ID button to save your settings and create an App Id for your app.
  • Facebook_sso_display name
  • Select Integrate Facebook Login checkbox.
  • Facebook_sso_Integrate Facebook Login
  • Select Facebook Login Settings under Products option in the navigation bar.
  • Facebook_sso_Select Settings
  • 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. Please Note: It is mandatory while configuring Facebook as an OAuth Server that your Callback/Redirect URI should be https and not http.
  • Facebook_sso_Client OAuth Settings
  • Go to Settings Basic to view your App Id and App Secret.
  • Facebook_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. Click on the Save Changes button to save your configurations.
  • Facebook_sso_ Privacy Policy URL
  • Copy your App ID and your App Secret and save it in your miniOrange OAuth Client Plugin/Module (under client id and client secret field respectively).
  • 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.
  • Facebook_sso_Change you app status

Congratulations, you have successfully completed your Facebook OAuth Server side configurations.

Step 2: Setting up the miniOrange Joomla OAuth Client plugin

    • Download the zip file for the miniOrange OAuth Client plugin for Joomla from the link here.
    • Facebook_sso_Download the zip for Joomla
    • Login into your Joomla site’s administrator console.
    • Go to Extension Manage Install in the top navigation bar to install the plugin.
    • Facebook_sso_install the plugin for Joomla
    • Upload the downloaded zip file to install the OAuth Client plugin.
    • Facebook_sso_downloaded zip file OAuth Client
    • Navigate to Extensions Manage Manage and search for miniorange in the Search bar provided to see the list of the components.
    • Enable all the below shown components of the plugin in order to continue using the plugin.
    • Facebook_sso_continue using the plugin
    • Go to Components MiniOrange OAuth Client in the top navigation bar to go to the configuration page of the plugin.
    • Facebook_sso_MiniOrange OAuth Client
    • Register/ Login with miniOrange.
    • Go to the Configure OAuth tab in the plugin. FIll in the details you received from your OAuth Provider and click on the Save Settings button.
    • Facebook_sso_Configure OAuth tab

      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.

    • Copy the Redirect/Callback URL given in the plugin and save it 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.
    • Facebook_sso_Confuger Oauth Application Facebook_sso_Attribute Mapping
    • Add a button on your site login page with the following URL:your_home_page/base_url/?morequest=oauthredirect&app_name=xxxxxxxxx
    • You would find appropriate URL in Instructions to configure in the bellow section of Attribute Mapping (After completing test configuration please choose URL and Add a button on your site login page).

    • Now logout and go to your site. You will see a login link where you placed that button.
    • Click on the Licensing Plans Tab to check out our complete list of features and various licensing plans.
    • 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 dialog box in the Account Setup and Configure OAuth tabs.
    • Facebook_sso_submit query

      Congratulations, you have successfully configured the miniOrange OAuth Client plugin with your desired OAuth Provider. In case you have any questions in mind, you can always mail us at info@xecurify.com.