Search Results :

×

Drupal Wild Apricot SSO Login with OAuth Client | Drupal Wild Apricot Login


Drupal Wild Apricot SSO integration will allow you to configure Single Sign-On ( SSO ) login between your Drupal site and Wild Apricot 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, which is compatible with Drupal 7, Drupal 8, Drupal 9, and Drupal 10.
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.


Pre-requisite: Download and Installation 


  • 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

How to integrate Wild Apricot Single Sign-on with Drupal OAuth/OpenID Client

Here we will go through a guide to configure the SSO login between Drupal and Wild Apricot. By following these steps, users of Wild Apricot will be able to log into the Drupal site using their Wild Apricot credentials.

1. Setup Drupal as OAuth Client

  • After installing the module, go to the Configuration tab and select miniOrange OAuth Client Configuration module link.
  • Drupal OAuth Client - Configuration tab and select miniorange oauth client module
  • In the Configure OAuth tab, select Wild Apricot from the Select Application dropdown list.
  • Note: In case you can't find your Application/Provider in the Select Application dropdown list, choose the Custom OAuth 2.0 Provider insted.

  • Copy the Callback/Redirect URL and keep it handy.
  • Please Note: If your provider only supports HTTPS Callback/Redirect URL and you have an HTTP site, just save your base site URL in the Sign In Settings tab as HTTPS.

  • Enter the application name in the Display Name text field. For example, WildApricot
  • Drupal OAuth Client - Configure OAuth tab Select WildApricot and copy the Callback URL

2. 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
  • On the next screen, under Application details, enter the name in the Application name text field.
  • Wild Apricot SSO Server application
  • In the same window, scroll to the bottom of the Authorization page settings section and check the option Authorize users via Wild Apricot single sign-on service.
  • Paste the copied Callback/Redirect URL (from step 1) into the Trusted redirect domains text field.
  • Wild Apricot SSO Server application

3. Integrating Drupal with Wild Apricot

  • Navigate to the Wild Apricot portal.
  • Click on Generate client secret button under Application credentials for user authorization.
  • Wild Apricot SSO Application - Click on Generate client secret
  • Now, copy the Client ID.
  • Wild Apricot SSO Application - Copy the Client ID
  • Navigate to the Drupal site and paste the copied Client ID into the Client ID text field.
  • Drupal OAuth Client Configuration - Paste the copied Client ID
  • Go to the WildApricot Dashboard.
  • Copy the Client secret from the Application credentials for user authorization section.
  • To save the changes, click the Save button in the top header.
  • Wild Apricot SSO Application - Copy the Client Secret
  • Navigate to the Drupal site and paste the copied secret into the Client Secret text field.
  • Drupal OAuth Client Configuration - Paste the copied Client Secret

How to get Wild Apricot Organization Name:

  • Again, go back to the WildApricot Application.
  • Navigate to the Account tab, in the left side panel.
  • In the top header's right side panel, click on the Organization tab.
  • Copy the Organization name from the Organization details panel's General section.
  • WildApricot Application - Copy the Organization name
  • In the Drupal site, paste the copied Organization name into the Authorize Endpoint text field.
  • paste the Organizaion name in the Authorize Endpoint in Drupal's Configure OAuth tab

How to get Wild Apricot User ID/Member ID (aka Account ID):

  • When a new user is created in the WildApricot Application, a unique User ID is assigned to the user right away. When using the WildApricot Application, the generated User ID cannot be changed. The User will utilise it to identify which users can be eliminated from the system.
    • To locate the User ID (Account ID) from the WildApricot Application, follow these steps:
      • Navigate to the WildApricot Dashboard.
      • From the left navigation panel, click on Account
      • In the right side top header, click on the Billing tab.
      • Copy the Account # from the General section.
      • WildApricot Application - Copy the Account ID from the Biling tab
  • Navigate to the Drupal site and replace the copied Account # in the {account-id} with the Get User Info Endpoint URL.
  • Then, click on the Save Configuration button.
  • Drupal OAuth OpenId connect - Paste the copied Account # with account_id

You can also find the Wild Apricot Endpoints and Scope in the table below:

Authorization Endpoint https://{organization_name}.wildapricot.org/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
Scope auto

4. Test Configuration of Drupal with Wild Apricot

  • After successfully saving the configurations, click on the Perform Test Configuration button to test the connection between Drupal and Wild Apricot.
  • Wild Apricot sso login with drupal OAuth OpenID Single Single On DeviantArt test Configuration
  • On a Test Configuration window will provide you with a list of the attributes that are coming from the Wild Apricot.
  • Select the Email Attribute from the dropdown menu in which the user's email ID is obtained and click on the Done button.
  • Wild Apricot sso login with drupal OAuth OpenID Single Single On DeviantArt test Configuration successfully
  • After clicking the Done button, you will be instantly obtained to the Attribute & Role Mapping tab. Now, you can also select the Username Attribute from the dropdown menu which contains the user's name and click the Save Configuration button.
  • Wild Apricot sso login with drupal OAuth OpenID Single Single On DeviantArt test Configuration successfully

    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 Wild Apricot link there. If you want to add the SSO link to other pages as well, please follow the steps given in the image below :
  • Wild Apricot sso login with drupal OAuth OpenID Single Single On DeviantArt test Configuration successfully

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

Hello there!

Need Help? We are right here!

support
Contact miniOrange Support
success

Thanks for your inquiry.

If you dont hear from us within 24 hours, please feel free to send a follow up email to info@xecurify.com