Drupal Azure AD B2C SSO integration 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. Here we will go through the steps to configure the module with the Azure AD B2C. Once this configuration is done, users will be able to log in to the Drupal site using their Azure B2C credentials.
The integration of Drupal with Azure AD B2C simplifies and secures the login process, completely removing the need to store, remember, and reset multiple passwords.

Setup Drupal as an OAuth Client:

• After installing the module, navigate to the Configuration -> miniOrange OAuth Client Configuration -> Configure OAuth tab and select Azure AD B2C from the Select Application dropdown list.

• Copy the Callback/Redirect URL and keep it handy.

  Note:- If you have an HTTP Drupal site, and Azure enforces the HTTPS Redirect URI. Please navigate to the Sign In Settings tab of the module and set the base URL of the site with HTTPS in the Base URL text field.

Create SSO Application in Azure AD B2C:

• Log in to the Microsoft Azure portal.
• In the Azure services section, select Azure AD B2C.

• To build a new Azure B2C application, navigate to the App registrations in the left-hand navigation panel, then click on the New registration button.

• In the Register an application window, enter the necessary information for creating a new application:
• Name: Enter the application's name in the Name text field.
• Supported account types: Select the 3rd option, Accounts in any organizational directory (for authenticating users with user flows). You can also refer to Help me choose option if it is worthwhile.
• From the Select a platform drop-down option, choose 'Web' for the Redirect URI (recommended). Paste the previously copied Callback/Redirect URL into the text field.

• Click on the Register button.

Integrating Drupal with Azure AD B2C:

• Azure AD B2C assigns a unique Application ID to your application. Copy the Application (client) ID. This will be your Client ID.

• In Drupal’s Configure OAuth tab paste the copied Application (client) ID into the Client ID text field.

• Navigate to the Azure Portal, then select Certificates and secrets from the left side panel, and then click on New client secret button to generate a client secret.

• In the Add client a secret popup, enter the following information:
• Description: Enter a description for this client secret.
• Expires: Select the duration from the Expires dropdown option.

• Click on the Add button.
• After that, copy the Value from the Client secrets tab. This will be your Client Secret key.

• In Drupal’s Configure OAuth tab paste the copied Client Secret Value into the Client Secret textfield.

• Go to the Microsoft Azure portal.
• Click on Azure AD B2C | App registrations link from the top left.

• Navigate to the Overview tab from the left side panel.

• Under the Essentials section, copy the Domain name. (This is your Tenant's Name)

• Replace the previously copied Domain name with the {tenant-name} in the Authorize Endpoint and Access Token Endpoint text fields in Drupal's Configure OAuth tab.

Create User Flow Policy in Azure AD B2C:

• Go to the Microsoft Azure portal.
• Select User flows from the Policies section.

• Click on the New user flow button.

• Select the Sign up and sign in card/box for user flow in the Create a user flow panel.

• Select the Recommended card/box under Version. Then, click on the Create button.

• Enter the following information in the Create window:
• Enter the Name of the user flow. For instance, B2C_1_ AzureB2CTest. (This cannot be altered once a user flow has been created.)
• Select Email signup under Identity Providers.
• Select the Multifactor authentication option as per your requirement. if you are not sure, keep the default option.
• User attributes and token claims: Select the claims and attributes you wish to collect from the user during the sign-up process. Click the Show more button to reveal additional options. In the Create popup window, ensure that you enable the checkboxes for Email Address (under 'Collect attribute') and Email Addresses (under 'Return claim'). You can also add any other required attributes. Finally, click the Ok button.

• Then, click on Create button to add user flow. (The B2C_1_ prefix is automatically appended to the name.)
• Copy the Name for user flow. (This is your Policy name)

• Navigate to the Drupal Configure OAuth tab and replace the previously copied Name with the {policy-name} in the Authorize Endpoint and Access Token Endpoint text 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.
• Now, click on the Save Configuration button.



You may also glance at Azure AD B2C Application Endpoints and Scope:




Scope:	openid
Authorize Endpoint:	https://{tenant-name}.b2clogin.com/{tenant-name}.onmicrosoft.com/{policy-name}/oauth2/v2.0/authorize
Access Token Endpoint:	https://{tenant-name}.b2clogin.com/{tenant-name}.onmicrosoft.com/{policy-name}/oauth2/v2.0/token

Test connection between Drupal and Azure B2C:

• After successfully saving the configurations, click on Perform Test Configuration button to test the connection between Drupal and Azure AD B2C.

• On a Test Configuration popup, if you don't have any active sessions on the same browser, you will be requested to login into the Azure B2C. After successfully logging into the Azure Active Directory B2C, you will be provided a list of attributes received from the Azure AD B2C.
• Scroll down and click on the Configure Attribute / Role Mapping button.

• On the Attribute & Role Mapping tab, please select the attribute under which the email of the user is received from the Email Address drop-down menu. Similarly, you can select the suitable option from the Name Attribute drop-down menu.

• Then, scroll to the bottom and click on the Save Configuration button.

Please note: Mapping the Email Attribute is mandatory for Login.

Congratulations! You have successfully configured Azure AD B2C as OAuth/OpenID Provider and Drupal as an OAuth Client.

How to perform the SSO?

• Now, open a new browser/private window and go to your Drupal site login page.
• Click on the Login using the Azure B2C link to initiate the SSO from Drupal.
• If you want to add the SSO link to other pages as well, please follow the steps given in the image below: