Guide to Configure Google Apps As An OAuth Server For Joomla

Step 1: Steps to Configure Google Apps as an OAuth Server

  • Go to https://console.developers.google.com/ and sign up/login.
  • oauth server_sso_google sign up/login
  • Click on Select Project to create a new Google Apps Project.
  • oauth server_sso_Google Apps Project
  • Click on NEW PROJECT to create a new project or else select one from the existing projects.
  • oauth server_sso_ google create a new project
  • Enter your Project name under the Project Name field.
  •  oauth server_sso_google Project Name field
  • Now, again click on Select a Project (highlighted in the image below) and select the newly created Project by clicking on the project name that you entered in the previous step.
  • oauth server_sso_google Select a Project
  • Click on ENABLE APIS AND SERVICES to enable Google PLUS API.
  •  oauth server_sso_google ENABLE APIS AND SERVICES
  • Search for Google PLUS API in the search bar and click on Google+ API from the search results.
  • oauth server_sso_Google PLUS API
  • Click on the ENABLE option to enable Google+ API.
  • oauth server_sso_google ENABLE option
  • Go to Navigation Menu APIs & Services Credentials.
  • oauth server_sso_ google Navigation Menu
  • Click on Create Credentials button and then select OAuth Client ID from the options provided.
  • oauth server_sso_ google Create Credentials
  • In case you are facing some warning saying that in order to create an OAuth Client ID, you must set a product name on consent screen (as shown in below image). Click on the Configure consent screen button.
  • oauth server_sso_ google Configure consent screen
  • Enter your product name under the Product Name Shown to Users field. Click on the SAVE button to save your settings.
  • oauth server_sso_ google product name
  • Select Web Applicationfrom the options below Application Type. Enter the name you want for your Client ID under the name field and enter the Redirect/Callback URI from miniOrange OAuth Client plugin/module under the Authorized redirect URIs field.
  • oauth server_sso_google Redirect/Callback URI
  • Click on the SAVE button to save your configurations.
  • Copy your Client ID and Client Secret and save it on your miniOrange OAuth Client plugin Configuration.
  • oauth server_sso_ google Client ID and Client Secret

    Congratulations, you have successfully completed your Google App 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.
  • oauth server_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.
  • oauth server_sso_install the plugin for Joomla
  • Upload the downloaded zip file to install the OAuth Client plugin.
  • oauth server_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.
  • oauth server_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.
  • oauth server_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.
  • oauth server_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.
  • oauth server_sso_Confuger Oauth Application oauth server_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.
  • oauth server_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@miniorange.com.