Configure Instagram as an OAuth/OpenId Connect Server with Drupal-8 Client

You can download OAuth Client module zip file for Drupal 8 from here.

Step 1: Configure Instagram as an OAuth/OpenId Connect Server

  • Go to https://www.instagram.com/developer and Sign Up/Login to register a new app.
  • Click on Register Your Application button.
  • Instagram_sso_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_Completes SIGNUP
  • 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_Manage Clients  Register a New Client
  • 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.

    Instagram_sso_miniOrange OAuth Client
  • Click on the Manage button to view your Client ID and Client Secret.

    Instagram_sso_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.

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

    Instagram_sso_ Disable Implicit OAuth

You have successfully completed your Instagram OAuth Server-side configurations. Still, if you are facing any difficulty please mail us on info@miniorange.com

Step 2: Configure miniOrange Drupal 8 OAuth Client module.

  • Click on the link here to download the miniOrange OAuth Client module.
  • Scroll down and download module by clicking in the zip option under Downloads.
  • Instagram_sso_Drupal go to link
  • Login in your Drupal 8 site’s admin console and click on Extend from the top navigation bar.
  • Select the Install new module option to install a new module on your Drupal 8 site.
  • Instagram_sso_Drupal install module
  • Upload the downloaded zip file of the Module and click on the Install button to continue.
  • Select Enable newly added modules.
  • Instagram_sso_Drupal install module
  • Scroll down till you find miniOrange OAuth Client. Click on the checkbox next to it and click on the Install button to enable the module.
  • Instagram_sso_Drupal navigation bar
  • Click on Configuration from the top navigation bar and Select Drupal OAuth client Configuration.
  • Instagram_sso_Drupal configuration page
  • Register/Login to your miniOrange account.
  • Instagram_sso_Drupal register login
  • Click on the Configure OAuth Client tab and select your OAuth Provider from the Select Application dropdown. In case you do not find your OAuth Provider listed in the dropdown, please select Custom OAuth Provider and continue.
  • Instagram_sso_Drupal click on save
  • Enter your OAuth Provider information in their respective fields and click on the Save button to continue. Also, copy the Callback/Redirect URL and save it on your OAuth Provider.
  • Instagram_sso_Drupal test configuration
  • Now click on the Test Configuration option. This Test Configuration link will give you the list of the attributes that are coming from your OAuth Provider.
  • Instagram_sso_Drupal test configuration
  • Copy the email and the name attributes and save them under the Attribute & Role Mapping tab in the Email Attribute and Name Attribute text field respectively.
  • Please note: This step is mandatory for your login to work. Click on the Save button on the bottom of the page to save your attribute configurations.

    Instagram_sso_Drupal click on save
  • Now logout and go to your Drupal 8 site’s login page, you will automatically find a Login withYour OAuth Provider link there. If you want to add your login link to other pages as well, please follow the steps given in the below image:
  • Instagram_sso_Drupal logout
  • If you want to check out our complete list of features and our various licensing plans, you can go to the Licensing Plan tab in the module.
  • Still, if you are facing any difficulty or if you have any questions in mind, you can reach out to us by submitting a query in the Support tab of a module or by sending us a mail at info@xecurify.com.
  • Congratulations, you have successfully configured the miniOrange Drupal 8 OAuth Client module.