Configure Azure AD Single Sign-On (SSO) for WordPress using OAuth | Azure AD SSO

Overview

WordPress Azure AD SSO uses OAuth Authorization flow to provide users secure access to WordPress sites. With our WordPress OAuth Single Sign-On (SSO) plugin, Azure AD acts as the OpenID Connect and OAuth provider, ensuring secure login for WordPress websites. The integration of WordPress Azure AD simplifies and secures the login process using Azure AD SSO. This solution allows employees to access their WordPress sites with a single click using their Azure Active Directory (Azure AD) credentials, completely removing the need to store, remember, and reset multiple passwords. In addition to offering Azure AD Single Sign-On (SSO) functionality, the plugin also provides advanced SSO features like user profile attribute mapping, role mapping, and Azure multi-tenant login and providing site access based on organization email domains. For a detailed overview of the features, check out the WordPress OAuth Single Sign-On (SSO) plugin. You can follow the below steps to setup Azure Active Directory (Azure AD) SSO with WordPress.

Pre-requisites : Download And Installation

• Log into your WordPress instance as an admin.
• Go to the WordPress Dashboard -> Plugins and click on Add New.
• Search for a WordPress OAuth Single Sign-On (SSO) plugin and click on Install Now.
• Once installed click on Activate.

Configuration Steps

Step 1: Setup Microsoft Entra ID (Azure AD) as OAuth Provider

• Sign in to Microsoft Entra ID (Azure AD) portal.
• Select Microsoft Entra ID (Azure AD).

• In the left-hand navigation panel, click the App registrations service, and click New registration.

• Configure the following options to create a new application.
• Enter a name for your application under the Name text field.
• In supported account types, select 3rd option ‘Accounts in any organizational directory (for authenticating user with user flows).
• In the Redirect URI section, select the Web application and enter the Callback URL from the miniOrange OAuth Client plugin (Configure OAuth tab) and save it under the Redirect URL textbox.
• Click on the Register button to create your application.

• Microsoft Entra ID (Azure AD) assigns a unique Application ID to your application. The Application ID is your Client ID and the Directory ID is your Tenant ID, keep these values handy as you will need them to configure the miniOrange OAuth Client plugin.

• Go to Certificates and Secrets from the left navigaton panel and click on New Client Secret. Enter description and expiration time and click on ADD option.

• Copy the secret key "value" and keep the value handy it will be required later to configure Client Secret under the miniOrange OAuth Client Plugin.


Note: The client secret for your developer application will expire in 180 days. To ensure continued functionality, you will need to generate a new client secret before the expiration and update it in the OAuth Single Sign-On plugin.






In conclusion , by successfully configuring Azure AD as OAuth Provider, you have enabled WordPress Azure AD SSO Login and authorization for your end users into WordPress.

Step 2: Setup WordPress as OAuth Client

• Free
• Premium

• Go to Configure OAuth tab and click Add New Application to add a new client application into your website.

• Choose your Application from the list of OAuth / OpenID Connect Providers, Here Microsoft Entra ID (Azure AD).

• After selecting the provider copy the Callback URL which needs to be configured in OAuth Provider's SSO application Configuration.
• Enter the Client Credentials like Client ID & Client Secret which you will get from the Microsoft Entra ID (Azure AD) SSO application.
• If you want to allow SSO from Microsoft Entra ID (Azure AD) single-tenant into your WordPress site then configure Tenant ID found from the Microsoft Entra ID (Azure AD) SSO application. For configuring Scopes & Endpoints for Microsoft Entra ID (Azure AD) Single-tenant click here.

OR

• If you want to allow login into your WordPress site from any Microsoft Entra ID (Azure AD) tenant, then enter the tenant value as 'common' in the plugin configuration. For the Scopes & Endpoints click here.
• Click on Next.

• After verifying all the details on the summary page, click on Finish to save the configuration as well as test the Azure AD SSO connection.




In conclusion, by successfully configuring WordPress as OAuth Client, you've established effortless Azure AD OAuth Single Sign-On (SSO) and authorization for your users accessing WordPress.

• Go to Configure OAuth tab and search your application name to add a new client application into your website, Here Microsoft Entra ID (Azure AD).

• Configure App Name, Client ID, Client Secret, Tenant ID from Microsoft Entra ID (Azure AD) SSO application. For the Scopes & Endpoints click here.

Looking for setting up Login flow for Multi-tenant Microsoft Application? Please click here.



• Choose your Grant Type from the list of options & Click on Save Settings to save the configuration..




In conclusion , by successfully configuring WordPress as OAuth Client, you have enabled seamless WordPress Azure AD SSO Login and authorization for your end users into WordPress.

Step 3: User Attribute Mapping

• User Attribute Mapping is mandatory for enabling users to successfully login into WordPress. We will be setting up user profile attributes for WordPress using below settings.

Finding user attributes:

• Go to Configure OAuth tab. Scroll down and click on Test Configuration.

• You will see all the values returned by your OAuth Provider to WordPress in a table. If you don't see value for First Name, Last Name, Email or Username, make the required settings in your OAuth Provider to return this information.
• Once you see all the values in Test Configuration, go to Attribute / Role Mapping tab, you will get the list of attributes in a Username dropdown.

Step 4: Microsoft Entra ID (Azure AD) Profile/Groups Mapping

• Go to Application → Select the application where you want to configure the group mapping for WordPress Azure AD SSO. Now, Go to the API Permissions tab.

• Click on the Add permission button, and then Microsoft Graph API -> Delegated Permissions and select openid, Profile scope and click on the Add Permissions button.

• Click on the Grant consent for Demo button.
• Go to Manifest tab and find groupMembershipClaims and changes it’s value to "All" and click on the save button.

• Now you would be able to get the group's value in the Test configuration window.

• You can follow the role mapping section to map the groups to WordPress users in order to enable Azure AD SSO.

4.1 WordPress OAuth - WordPress Groups/Profile Mapping [Premium]

• Go to the Attribute Mapping section in the plugin and map the Attribute Names from the Test Configuration table. Make sure Enable Role Mapping option is enabled and click on the Save Settings button. (Refer to the screenshot)

• Scroll down and go to the Role Mapping section, you need to map Group Attribute Name. Select the attribute name from the list of attributes that return the groups from the test configuration table of Azure Active Directory (Azure AD).
  Eg:Groups

• Assign the WordPress role to the Provider Groups: Based on the Azure Active Directory (Azure AD) application, you can allocate the WordPress role to Azure AD Groups. Add the Azure AD group's value under Group Attribute Value and assign the required WordPress role in front of it under WordPress Role.
  For example, in the below image. Group value has been assigned the role of Subscriber.

• After saving the mapping, the Azure Active Directory group will be allocated the WordPress Subscriber role following the implementation of Azure AD SSO.
  Example: As per the given example, a User with group value will be added as a administrator.

4.2 WordPress OAuth - Microsoft Entra ID (Azure AD) Claim Mapping [Premium]

• Go to your application in Azure Active Directory (Azure AD) and select Token configuration from the left menu.
• Click on Add optional claim and then select ID from the right section.
• Now choose all the attributes you want to fetch while performing Single Sign-On (SSO) with Azure Active Directory (e.g family_name, given_name, etc) and click on Add button.
• You might see a popup to Turn on the Microsoft Graph profile permission (required for claims to appear in token), enable it, and click on Add button.

Step 5: Steps to fetch additional user attributes from Microsoft Entra ID (Azure AD)

• Sign into Microsoft Entra ID (Azure AD) Portal.
• Select Microsoft Entra ID (Azure AD).
• In the left-hand navigation panel, click the Enterprise applications.

• Select your Azure Enterprise Application.
• Then select the Single sign-on (SSO) option in the left-hand menu and open the Attributes & Claims section.

• Click on Add new claim.

• Then configure the required fields as below:

Name :	As per your choice (this will be your Attribute name)
Source:	Attribute
Source attribute:	For eg: search for user.department in the dropdown


• Now navigate to App registrations, select your application, and then go to the Manifest tab on the left and set "acceptMappedClaims": true

• After following the above steps, you can create multiple claims as per your requirements.
• Please try to perform the Test Configuration in the WordPress OAuth SSO plugin. You'll get a new attribute as shown below:

Step 6: Sign In Settings

• WordPress 5.7 and below
• WordPress 5.8
• WordPress 5.9 and above

• Go to WordPress Left Panel > Appearances > Widgets.
• Select miniOrange OAuth. Drag and drop to your favourite location and save.

• Go to WordPress Left Panel > Appearances > Widgets.
• Select miniOrange OAuth. Drag and drop to your favourite location and save.

• Open your WordPress page and you can see the Azure AD SSO login button there. You can test the Azure AD Single Sign-On (SSO) - Azure AD OAuth now.

• Make sure the "Show on login page"option is enabled for your application. (Refer to the below image)

• Now, go to your WordPress Login page. (Eg. https://< your-wordpress-domain >/wp-login.php)
• You will see an Azure AD SSO login button there. Once you click the login button, you will be able to test the Azure AD Single Sign-On (SSO) - Azure AD OAuth.

Step 7: Scope & Endpoints

Please refer the Scope and endpoints table provided below to authorize Single Sign-On (SSO) with Azure AD single-tenant environment to your WordPress site.

Scope:	openid
Authorize Endpoint:	https://login.microsoftonline.com/<tenant-id>/oauth2/v2.0/authorize
Access Token Endpoint:	https://login.microsoftonline.com/<tenant-id>/oauth2/v2.0/token
Get User Info Endpoint:	https://login.windows.net/<tenant-id>/openid/userinfo
Custom redirect URL after logout:[optional]	https://login.microsoftonline.com/<tenant-id>/oauth2/logout?post_logout_redirect_uri=<your URL>

Please refer the Scope and endpoints table provided below to authorize Single Sign-On (SSO) with any Azure AD tenant environment to your WordPress site.

Scope:	openid
Authorize Endpoint:	https://login.microsoftonline.com/common/oauth2/v2.0/authorize
Access Token Endpoint:	https://login.microsoftonline.com/common/oauth2/v2.0/token
Get User Info Endpoint:	https://login.windows.net/common/openid/userinfo
Custom redirect URL after logout:[optional]	https://login.microsoftonline.com/common/oauth2/logout?post_logout_redirect_uri=<your URL>

Related Articles

• What is Azure Active Directory (Azure SSO)?
• What is Single Sign-On (SSO) in Azure Active Directory?
• Azure Active Directory SSO with OAuth protocol Integration
• OAuth 2.0 and OpenID Connect protocols on Microsoft identity platform
• Microsoft Entra ID (Azure AD) Single Sign-On (SSO) Multi-tenant Login
• WordPress Single Sign-On (SSO) OAuth / OpenID Connect / JWT
• WordPress Azure Active Directory Single Sign-On (SSO) Integration
• Azure & Microsoft 365 Single Sign-On with OAuth / OIDC
• What is OAuth 2.0 and how does it work?
• What is Single Sign-On (SSO)?
• Admin permission issues from the Microsoft Entra ID (Azure AD) SSO
• Frequently Asked Questions(FAQs)