Search Results :

×

Azure B2C as IdP for WordPress SSO


Azure B2C Single Sign-On (SSO) login for WordPress [SAML] can be achieved by using our WordPress SAML Single Sign-On (SSO) plugin. Our SSO plugin is compatible with all the SAML compliant Identity providers and enables secure Azure B2C Login into WordPress sites. Here we will go through a guide to configure WordPress Azure B2C SSO / Login into Wordpress site by considering Azure B2C As IdP (Identity Provider) and WordPress as SP (Service Provider).To know more about other features we provide in WordPress SAML Single Sign-On (SSO) plugin, you can click here.


miniorange img Pre-requisites : Download And Installation

To configure Azure B2C WordPress SSO / Login with Azure B2C as SAML IDP into Wordpress, you will need to install the miniOrange WordPress SAML SP SSO plugin:



Step-by-step Video to Setup WordPress Azure B2C SSO Login



Steps to configure Azure B2C Single Sign-On (SSO) Login into WordPress


Step 1: Setup Azure B2C as IDP (Identity Provider)

Follow the steps below to configure Azure B2C as an Identity Provider


    miniorange img  Configuring Azure B2C as IdP

    • In the miniOrange SAML SP SSO plugin, navigate to Service Provider Metadata tab. Here, you
      can find the SP metadata such as SP Entity ID and ACS (AssertionConsumerService) URL which
      are required to configure the Identity Provider.
    • Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login - initiated sso

Step 2: Register Azure B2C Applications:

Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login - sso-1  Register the Identity Experience Framework application

  • From the Azure AD B2C tenant, select App registrations, and then select New registration.
  • Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login - Identity Experience FrameWork
  • For Name, enter IdentityExperienceFramework.
  • Under Supported account types, select Accounts in this organizational directory only.
  • Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login - Register an Application
  • Under Redirect URI, select Web, and then enter https://your-tenant-name.b2clogin.com/your-tenant-name.onmicrosoft.com, where your-tenant-name is your Azure AD B2C tenant domain name.
  • NOTE:

    In the following step if the 'Permissions' section is not visible then it might be the reason that you don't have an active AzureAD B2C subscription for that tenant. You can find the details regarding the AzureAD B2C subscription here and you can create a new tenant by following the steps here.


  • Under Permissions, select the Grant admin consent to openid and offline_access permissions check box.
  • Select Register.
  • Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login - Redirect URL
  • Record the Application (client) ID for use in a later step.
  • Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login - Application Client ID

Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login - sso-1 Next, expose the API by adding a scope:

  • Under Manage, select Expose an API.
  • Select Add a scope, then select Save and continue to accept the default application ID URI.
  • Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login - Expose an api
  • Enter the following values to create a scope that allows custom policy execution in your Azure AD B2C tenant:
    1. Scope name: user_impersonation
    2. Admin consent display name: Access IdentityExperienceFramework
    3. Admin consent description: Allow the application to access IdentityExperienceFramework on behalf of the signed-in user.
  • Select Add scope
  • Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login - custom scopes

Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login - SP initiated SSO Register the ProxyIdentityExperienceFramework application

  • Select App registrations, and then select New registration.
  • For Name, enter ProxyIdentityExperienceFramework.
  • Under Supported account types, select Accounts in this organizational directory only.
  • Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login - Original Directory
  • Under Redirect URI, use the drop-down to select Public client/native (mobile & desktop).
  • For Redirect URI, enter myapp://auth.
  • Under Permissions, select the Grant admin consent to openid and offline_access permissions check box.
  • Select Register.
  • Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login - Register
  • Record the Application (client) ID for use in a later step.
  • Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login -  application proxy

Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login - sso-1 Next, specify that the application should be treated as a public client:

  • Under Manage, select Authentication.
  • Under Advanced settings, enable Allow public client flows (select Yes).
  • Select Save.
  • Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login - proxy authentication

Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login - sso-1 Now, grant permissions to the API scope you exposed earlier in the IdentityExperienceFramework registration:

  • Under Manage, select API permissions.
  • Under Configured permissions, select Add a permission.
  • Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login - authentication
  • Select the My APIs tab, then select the IdentityExperienceFramework application.
  • Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login - API permissions
  • Under Permission, select the user_impersonation scope that you defined earlier.
  • Select Add permissions. As directed, wait a few minutes before proceeding to the next step.
  • Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login - My APIs
  • Select Grant admin consent for (your tenant name).
  • Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login - Grant Admin
  • Select your currently signed-in administrator account, or sign in with an account in your Azure AD B2C tenant that's been assigned at least the Cloud application administrator role.
  • Select Yes.
  • Select Refresh, and then verify that "Granted for ..." appears under Status for the scopes - offline_access, openid and user_impersonation. It might take a few minutes for the permissions to propagate.
  • Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login - B2C,Status og admin access

Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login - sso login Register the WordPress Application

  • Select App registrations, and then select New registration.
  • Enter a Name for the application such as: WordPress.
  • Under Supported account types, select Accounts in any organizational directory or any identity provider. For authenticating users with Azure AD B2C.
  • Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login - Supported account types
  • Under Redirect URI, select Web, and then enter the ACS URL from the Service Provider Metadata tab of the miniOrange SAML plugin.
  • Select Register.
  • Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login - app Register
  • Under Manage, click on Expose an API.
  • Click on Set for the Application ID URI and then click on Save, accepting the default value.
  • SAML Single Sign-On (SSO) using Azure B2C as Identity Provider (IdP),for SAML 2.0 Azure B2C,WP-app Expose a sso login
  • Once saved, copy the Application ID URI and navigate to the Service Provider Metadata tab of the plugin.
  • Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login - custom login page
  • Paste the copied value under the SP Entity ID / Issuer field provided in this tab.
  • Click on Save.

Step 3: Generate SSO Policies

  • From our Azure B2C portal, navigate to the Overview section of your B2C tenant and record your tenant name.
    NOTE: If your B2C domain is b2ctest.onmicrosoft.com, then your tenant name is b2ctest.
  • Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login - B2C tenant ID Reco
  • Enter your Azure B2C tenant name below, along with the application ID for IdentityExperienceFramework and ProxyIdentityExperienceFramework apps as registered in the above steps.

  • Azure B2C tenant Name:
    IdentityExperienceFramework app ID:
    ProxyIdentityExperienceFramework app ID:


  • Click on the Generate B2C Policies button to download the SSO policies.
  • Extract the downloaded zip file. It contains the policy files and certificate (.pfx), which you will require in the following steps.

Step 4. Setup Certificates

NOTE:

In the following step if the 'Identity Experience Framework' is not clickable then it might be the reason that you don't have an active AzureAD B2C subscription for that tenant. You can find the details regarding the AzureAD B2C subscription here and you can create a new tenant by following the steps here.


Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login - certificate Upload the Certificate

  • Sign in to the Azure portal and browse to your Azure AD B2C tenant.
  • Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login - framework
  • Under Policies, select Identity Experience Framework and then Policy keys.
  • Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login - Policy keys
  • Select Add, and then select Options > Upload
  • Enter the Name as SamlIdpCert. The prefix B2C_1A_ is automatically added to the name of your key.
  • Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login - Create a Key
  • Using the upload file control, upload your certificate that was generated in the above steps along with the SSO policies (tenantname-cert.pfx).
  • Enter the certificate's password as your tenant name and click on Create.
    For example, if your tenant name is xyzb2c.onmicrosoft.com, enter the password as xyzb2c
  • You should be able to see a new policy key with the name B2C_1A_SamlIdpCert.

Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login - sso-29 Create the signing key

  • On the overview page of your Azure AD B2C tenant, under Policies, select Identity Experience Framework.
  • Select Policy Keys and then select Add.
  • For Options, choose Generate.
  • In Name, enter TokenSigningKeyContainer.
  • For Key type, select RSA.
  • For Key usage, select Signature.
  • Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login - Create the signing key
  • Select Create.

Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login - sso-31 Create the encryption key

  • On the overview page of your Azure AD B2C tenant, under Policies, select Identity Experience Framework.
  • Select Policy Keys and then select Add.
  • For Options, choose Generate.
  • In Name, enter TokenEncryptionKeyContainer.
  • For Key type, select RSA.
  • For Key usage, select Encryption.
  • Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login - Create the encryption key
  • Select Create.

Step 5: Upload the Policies

  • Select the Identity Experience Framework menu item in your B2C tenant in the Azure portal.
  • Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login - Upload the Policies
  • Select Upload custom policy.
  • Configure Azure B2C as IDP -SAML Single Sign-On(SSO) for WordPress - Azure B2C SSO Login - identity experience framework
  • As per the following order, upload the policy files downloaded in the above steps:
    1. TrustFrameworkBase.xml
    2. TrustFrameworkExtensions.xml
    3. SignUpOrSignin.xml
    4. ProfileEdit.xml
    5. PasswordReset.xml
    6. SignUpOrSigninSAML.xml
  • As you upload the files, Azure adds the prefix B2C_1A_ to each.

You have successfully configured Azure B2C as SAML IdP (Identity Provider) for achieving Azure B2C Single Sign-On (SSO) Login, ensuring secure login into WordPress (WP) Site.

Step 6: Configure the plugin:

  • Navigate to the Service Provider Setup tab of the plugin and click on the Upload IDP Metadata button.
    1. Provide any IDP Name. For example, AzureB2C
    2. Enter the Metadata URL as https://tenant-name.b2clogin.com/tenant-name.onmicrosoft.com/B2C_1A_signup_signin_saml/Samlp/metadata
    3. (NOTE :You will need to replace the tenant-name in above URl with Azure B2C tenant name)

    4. Click on the Fetch Metadata button.
  • SAML Single Sign-On (SSO) using Azure B2C as Identity Provider (IdP),for SAML 2.0 Azure B2C,sp initiated sso
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