Contents

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

Integration of Instagram Single Sign-on (Instagram 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 Instagram 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 Instagram OAuth 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.

Pre-requisites: Download And Installation

Download

Handbook

Free Trial

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

Steps to configure Instagram OAuth SSO into Joomla

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 Microsoft Entra ID as OAuth Server, then click on the Save & Next button.

Instagram OAuth Single Sign-On SSO into Joomla - Copy Redirect URL

Instagram SSO OAuth OpenID _Register Your Application

Enter your website URL and phone number under the Your Website and Phone Number text fields respectively. Click on the sign-up button to continue.This step completes your sign up to a developer account.

Instagram SSO OAuth OpenID _sign-up button

Click on Register your Application button again and then go to Manage Clients Register a New Client as shown in the image below:

Instagram SSO OAuth OpenID _Register your Application button again

Enter your Application Name, Description, Company name, website URL, Contact Email etc. Copy the Redirect/ Callback URl from your miniOrange OAuth Client Plugin and save it under the Valid Redirect URLs text field. Finally, click on the Register button to save your configurations.

Instagram SSO OAuth OpenID _Register button to save your configurations

2. Configure Client ID and Secret

Now click on the Manage button to view your Client ID and Client Secret.

Instagram SSO OAuth OpenID _Click on the Manage button

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.

Instagram OAuth Single Sign-On SSO into Joomla - Save Configuration

Click on the Security tab and uncheck the Disable Implicit OAuth option. Click on the Update Client button to save your changes.

Instagram SSO OAuth OpenID _button to save your changes

2.1. Scope & Endpoints

Instagram Endpoints and Scope:

Client ID: from the instagram application configured
Client Secret: from the instagram application configured
Scope: user_profile user_media
Authorize Endpoint: https://api.instagram.com/oauth/authorize
Access Token Endpoint: https://api.instagram.com/oauth/access_token
Get User Info Endpoint: https://graph.instagram.com/me?fields=id,username&access_token=
Set Client Credentials: In Both (In Header and In Body)

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.

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

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

Contents

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

Pre-requisites: Download And Installation

Steps to Install Joomla OAuth Client Plugin