Contents

Drupal Instagram SSO Integration with OAuth Client | Drupal Instagram Login

Drupal Instagram SSO integration will allow you to configure Single Sign-On ( SSO ) login between your Drupal site and Instagram using OAuth/OpenID protocol. Drupal OAuth 2.0/OpenID connect module gives the ability to enable login using OAuth 2.0/OIDC Single Sign-On to Drupal Site. We provide the Drupal OAuth/OpenID Client module for Drupal 7, Drupal 8, Drupal 9 and Drupal 10.
Here we will go through a guide to configure the SSO login between Drupal and Instagram. By following these steps, users of Instagram will be able to log into the Drupal site using their Instagram credentials.
If you have any queries or if you need any sort of assistance in configuring the module, you can contact us at drupalsupport@xecurify.com. If you want, we can also schedule an online meeting to help you configure the Drupal OAuth & OpenID Connect Login – OAuth2 Client SSO Login module.

Download Features List

Download the module:

Composer require 'drupal/miniorange_oauth_client'

Navigate to Extend menu on your Drupal admin console and search for miniOrange OAuth Client Configuration using the search box.
Enable the module by checking the checkbox and click on the Install button.

You can configure the module at:

{BaseURL}/admin/config/people/miniorange_oauth_client/config_clc

Install the module:
```
drush en drupal/miniorange_oauth_client
```
Clear the cache:
```
 drush cr
```

You can configure the module at:

{BaseURL}/admin/config/people/miniorange_oauth_client/config_clc

Navigate to Extend menu on your Drupal admin console and click on Install new module.
Install the Drupal OAuth & OpenID Connect Login - OAuth2 Client SSO Login module either by downloading the zip or from the URL of the package (tar/zip).
Click on Enable newly added modules.
Enable this module by checking the checkbox and click on install button.

You can configure the module at:

{BaseURL}/admin/config/people/miniorange_oauth_client/config_clc

Navigate to the Configure OAuth tab and search for your Provider/Application using the search box. If you can't find a desired application/provider, select Custom OAuth Provider.

Copy the Callback/Redirect URL and keep it handy.

Drupal OAuth Client - Configure OAuth tab

1. Setup Instagram as an OAuth Provider

Go to https://www.instagram.com/developer and Sign Up/Login to register a new app.
Click on Register Your Application button.

Instagram SSO Login 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.
Click on Register your Application button again and then go to Manage Clients Register a New Client as shown in the image below:
Enter your Application Name, Description, Company name, website URL, Contact Email etc. Copy the Redirect/ Callback URl from your miniOrange OAuth Client module and save it under the Valid Redirect URLs text field. Finally, click on the Register button to save your configurations.

2. Integrating Drupal with Instagram

Click on the Manage button to view your Client ID and Client Secret.
Copy the Client ID and Client Secret and save it in your miniOrange OAuth Client Client ID and the Client Secret text fields respectively.
Click on the Security tab and uncheck the Disable Implicit OAuth option. Click on the Update Client button to save your changes.
In Drupal’s Configure OAuth tab and paste the copied Client ID and Client Secret (copied from the Instagram) in the Client ID and Client Secret text-field.

Drupal OAuth/OoenId connect- paste the copied Client ID and Client Secret

3. Test Configuration of Drupal with Instagram

After successfully saving the configurations, please click on the Test Configuration button to test the connection between Drupal and Instagram.

Instagram sso login with drupal OAuth OpenID Single Single On DeviantArt test Configuration

This Test Configuration window will provide you with a list of the attributes that are coming from the Instagram.
Select the Email Attribute from the dropdown menu in which the user's email ID is obtained and click on the Done button.

Instagram sso login with drupal OAuth OpenID Single Single On DeviantArt test Configuration successfully

Now, in the Attribute & Role Mapping tab, you can also choose the Username Attribute from the dropdown and click on the Save Configuration button.

Please note: Mapping the Email Attribute is mandatory for your login to work.

Now log out and go to your Drupal site’s login page. You will automatically find a Login with Instagram link there. If you want to add the SSO link to other pages as well, please follow the steps given in the image below :

24*7 Active Support

If you face any issues or if you have any questions, please feel free to reach out to us at drupalsupport@xecurify.com. In case you want some additional features to be included in the module, please get in touch with us, and we can get that custom-made for you. Also, If you want, we can also schedule an online meeting to help you configure the Drupal OAuth/OpenID Single Sign On module.

Additional Resources

Our Other modules

SAML SP | SAML IDP | User Provisioning & Sync | Two-Factor Authentication | Passwordless Authentication | OAuth/OIDC Client | LDAP / AD Login | OAuth Server | Decoupled / Headless Authentication | OTP Verification | Website Security | Rest API Authentication | SCIM User Provisioning