Search Results :

×
Sign Up Contact Us

Contents

Wild Apricot SSO Login into Drupal using OAuth / OpenID connect

Drupal OAuth Client module enables Single Sign-On i.e. SSO for a Drupal site with any Identity Provider using OAuth or OpenID connect protocol. This module is compatible with Drupal 7, Drupal 8, Drupal 9, Drupal 10, and Drupal 11. Here we will go through the steps to configure the module with the Wild Apricot. Once this configuration is done, users will be able to log in to the Drupal site using their Wild Apricot credentials.

free trial plugin Playground plugin pricing button schedule meeting button Schedule a Meeting
  • 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
Note and Contact Us - SSO betwee two WordPress sites

Note: Manual Installation only compatible with Drupal 7, Drupal 8, and Drupal 9.


  • 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
  • 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/mo-oauth-client/mo-client-config
  • Install the module: 
    drush en drupal/miniorange_oauth_client
  • Clear the cache: 
     drush cr
  • You can configure the module at: 
    {BaseURL}/admin/config/people/mo-oauth-client/mo-client-config
Note and Contact Us - SSO betwee two WordPress sites

Note: Manual Installation only compatible with Drupal 7, Drupal 8, and Drupal 9.


  • 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/mo-oauth-client/mo-client-config

Configuration Steps

  • Go to Configuration → People → miniOrange OAuth Client Configuration in the Administration menu. (/admin/config/people/miniorange_oauth_client)
Drupal OAuth Client - select mimiorange OAuth Client Configuration
  • Under the Configure OAuth tab select desired OAuth Provider from the dropdown.
    • Note and Contact Us - SSO between two WordPress sites

    Note: If the desired OAuth Provider is not listed in the dropdown, please select Custom OAuth Provider / Custom OpenID Provider and continue.

Drupal OAuth Client - select OAuth Provider
  • Copy the Callback/Redirect URL and keep it handy. This will be required while configuring the OAuth Provider.
    • Note and Contact Us - SSO between two WordPress sites

    Note: If your provider only supports HTTPS Callback/Redirect URLs and you have an HTTP site, please make sure to enable the 'Enforce HTTPS Callback URL' checkbox at the bottom of the tab.


  • Enter the OAuth provider name in the Display Name text field.
Drupal OAuth Client - Copy Callback URL

Configure Drupal as an OAuth Client

  • Go to Configuration → People → miniOrange OAuth Client in the Administration menu. (admin/config/people/mo-oauth-client/mo-client-config)
Drupal OAuth Client - select mimiorange OAuth Client
  • In the Manage section, under the Client Configuration tab, click on the + Add New button to configure desired OAuth Client.
Drupal OAuth Client - Click Add New
  • Under the Add tab select desired OAuth Application from the dropdown.
    • Note and Contact Us - SSO between two WordPress sites

    Note: If the desired OAuth Provider is not listed in the dropdown, please select Custom OAuth Provider / Custom OpenID Provider and continue.

Drupal OAuth Client - select OAuth Provider
  • Enter the OAuth Provider name in the Custom App Name text field. Copy the Callback/Redirect URL and keep it handy. This will be required while configuring the OAuth Provider.
Drupal OAuth Client - Enter Custom App Name and Copy Callback URL
  • If your provider only supports HTTPS Callback/Redirect URLs and you have an HTTP site, please make sure to check the Enforce HTTPS Callback URL checkbox in the Settings tab.
Drupal OAuth Client - Enforce HTTPS Callback URL
    • Log in to your WildApricot Admin panel and create a new app.
    • Click on the Apps tab in the left panel.
    Wild Apricot SSO Integration - Navigate to Apps from the left side

    • In the Apps tab, navigate to the Integrations section and click on the Authorized Applications card/box, as seen in the illustration below.
    Wild Apricot SSO Integration Authorized Applications

    • As indicated in the image below, click the Authorize application button.
    Wild Apricot SSO Authorized Application

    • Select Server application from the list of options under Application authorization and then click Continue.
    Wild Apricot SSO Server application

    • Enter the application name into Application name textfield and click on the Generate client secret button.
    Wild Apricot SSO Application name and generate client secret

    • Copy the Client ID and Client Secret. Keep it handy. It will require to configure drupal as OAuth client.
    Wild Apricot SSO copy client credentials

    • Scrolldown and check the Authorize users via Wild Apricot single sign-on service.
    • Paste the previously copied Callback/Redirect URL from the Drupal into the Trusted ridirect domains textfield.
    Wild Apricot SSO paste callback url

    • Now, navigate to Accounts from the left side menu. Under the Dashboard copy the Your website. It will be your_account_url for Authorize Endpoints.
    Wild Apricot SSO Copy website url

    • Navigate to Account details and copy the Account number from the General section. It will be account_id for Get User Info Endpoints.
    Wild Apricot SSO copy account number

Setup Wild Apricot as an OAuth Provider:

  • Log in to your WildApricot Admin panel and create a new app.
  • Click on the Apps tab in the left panel.
Wild Apricot SSO Integration - Navigate to Apps from the left side

  • In the Apps tab, navigate to the Integrations section and click on the Authorized Applications card/box, as seen in the illustration below.
Wild Apricot SSO Integration Authorized Applications

  • As indicated in the image below, click the Authorize application button.
Wild Apricot SSO Authorized Application

  • Select Server application from the list of options under Application authorization and then click Continue.
Wild Apricot SSO Server application

  • Enter the application name into Application name textfield and click on the Generate client secret button.
Wild Apricot SSO Application name and generate client secret

  • Copy the Client ID and Client Secret. Keep it handy. It will require to configure drupal as OAuth client.
Wild Apricot SSO copy client credentials

  • Scrolldown and check the Authorize users via Wild Apricot single sign-on service.
  • Paste the previously copied Callback/Redirect URL from the Drupal into the Trusted ridirect domains textfield.
Wild Apricot SSO paste callback url

  • Now, navigate to Accounts from the left side menu. Under the Dashboard copy the Your website. It will be your_account_url for Authorize Endpoints.
Wild Apricot SSO Copy website url

  • Navigate to Account details and copy the Account number from the General section. It will be account_id for Get User Info Endpoints.
Wild Apricot SSO copy account number

  • Go to miniOrange OAuth Client module.
  • In Configure OAuth tab, paste the copied Client ID and Client Secret from Wild Apricot in the Client ID and Client Secret text-field.
Drupal OAuth 2.0 OIDC Single Sign-on - Paste the Client and Secret

  • Check and confirm the scope and endpoints. Replace the {your_account_url} with your website and {account_id} with Accout number.
    • Scope auto
    Authorize EndPoint https://{your_account_url}/sys/login/OAuthLogin
    Access Token Endpoint https://oauth.wildapricot.org/auth/token
    Get User Info Endpoint https://api.wildapricot.org/v2.1/accounts/{account_id}/contacts/me
  • Enable Checkbox of Header for Send Client ID and secret in if it is in body.
  • Click Save Configuration button.
Drupal OAuth 2.0 OIDC Single Sign-on - Scope and Endpoints

  • After successfully saving the configurations, please click on the Perform Test Configuration button to test the connection between Drupal and OAuth Provider.
OAuth-OIDC-Client-Configuration-Check-Connection-with-OAuth-Provider

  • On a Test Configuration popup, if you don't have any active sessions on the same browser, you will be requested to login to the OAuth Provider. After successfully logging, you will be provided a list of attributes received from the OAuth Provider.
  • Select the Email Attribute from the dropdown menu in which the user's email ID is obtained and click on the Done button.
    • Note and Contact Us - SSO between two WordPress sites

    Note: Mapping the Email Attribute is mandatory to perform SSO i.e. login to the Drupal site with OAuth Provider credentials.

Drupal OAuth Client - select Email Attribute

  • On the Attribute & Role Mapping tab, please select the Username Attribute from the dropdown list and click on the Save Configuration button.
Drupal OAuth Client - select user attribute and click save configuration

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

Integrating Drupal with Wild Apricot:

  • Go to miniOrange OAuth Client module.
  • In Add tab, paste the copied Client ID and Client Secret from Wild Apricot in the Client ID and Client Secret text-field.
Drupal-Auth-SSO-Wild Apricot-Paste-Client-Credentials

  • Check and confirm the scope and endpoints. Replace the {your_account_url} with Your website and {account_id} with Accout number.
Drupal-Auth-SSO-Wild Apricot-Replace the intial URL into the Endpoints fields

  • The Send Client ID and Secret in Header or Body checkbox allows you to specify whether the Client ID and Secret should be included in the header or the body of the Token Endpoint Request. If you're unsure which option to select, you can stick with the default settings.
  • Click on the checkbox to Enable Login with OAuth, scroll down, and click the Save Configuration button.
Drupal OAuth OpenID OIDC Single Sign On (SSO) Enabling the Login with OAuth checkbox and click Save Configuration

  • After successfully saving the configurations, please click on the Perform Test Configuration button to test the connection between Drupal and OAuth Provider.
OAuth-OIDC-Client-Configuration-Check-Connection-with-OAuth-Provider
  • On a Test Configuration popup, if you don't have any active sessions on the same browser, you will be requested to login to the OAuth Provider. After successfully logging, you will be provided a list of attributes received from the OAuth Provider.
  • Select the Email Attribute from the dropdown menu in which the user's email ID is obtained and click on the Done button.
    • Note and Contact Us - SSO between two WordPress sites

    Note: Mapping the Email Attribute is mandatory to perform SSO i.e. login to the Drupal site with OAuth Provider credentials.

Drupal OAuth Client - select Email Attribute
  • On the Attribute & Role Mapping tab, please select the Username Attribute from the dropdown list and click on the Save Configuration button.
Drupal OAuth Client - select user attribute and click save configuration
  • Now log out and go to your Drupal site’s login page. You will automatically find a Login with OAuth Provider link there. If you want to add the SSO link to other pages as well, please follow the steps given in the image below:
Drupal OAuth Client - add link on other pages

Test Connection between Drupal and OAuth Provider

  • After successfully saving the configurations, click on the Perform Test Configuration button to test the connection between Drupal and OAuth Provider.
OAuth-OIDC-Client-Configuration-Check-Connection-with-OAuth-Provider
  • On a Test Configuration popup, if you don't have any active sessions on the same browser, you will be requested to login to the OAuth Provider. After successfully logging, you will be provided a list of attributes received from the OAuth Provider.
  • Click on the Configure Mappings button.
Drupal OAuth Client - select Email Attribute
  • On the Attribute Mapping tab, please select the Email Attribute and Username Attribute from the dropdown list and click on the Save Configuration button.
Note and Contact Us - SSO between two WordPress sites

Note: Mapping the Email Attribute is mandatory to perform SSO i.e. login to the Drupal site with OAuth Provider credentials.

Drupal OAuth Client - select user attribute and click save configuration
  • Now log out and go to your Drupal site’s login page. You will automatically find a Login with OAuth Provider link there. If you want to add the SSO link to other pages as well, please follow the steps given in the image below:
Drupal OAuth Client - add link on other pages


If you face any issues during the configuration or if you want some additional features, please contact us at drupalsupport@xecurify.com.

More FAQs ➔

Follow the steps mentioned HERE

Follow the steps mentioned HERE

The logout functionality you've mentioned here is the default behavior of a module. It's logging you out of Drupal but not from your Application/Provider. To allow the module to logout from your provider/application account (what you are looking for), you need to make the below configurations: [know more]

As you have upgraded to one of our paid versions of the Drupal module and replaced the free module with the paid one, you must first activate the paid module. Please refer to the below steps. [Know more]

24x7 Support

24/7 Support

The Drupal developers at miniOrange offer quick and active support for your queries. We can assist you from choosing the best solution for your use case.

 Contact us
Case Study

Case Studies

miniOrange has successfully catered to the use cases of 400+ trusted customers with its highly flexible/customizable Drupal solutions.

 Read more
Other Solutions

Other Solutions

Feel free to explore other Drupal solutions that we offer the popular solutions used by our trusted customers include 2FA, User Provisioning, Website Security.

 Know More
ADFS_sso ×
Hello there!

Need Help? We are right here!

support