Using Azure AD B2C as an identity provider in Power Pages

Hi! Welcome again to my second article in the series on Power Pages. In the last article, I introduced you to Power Pages, explaining in detail what it entails and it's amazing features.

In today's article, we will be going a step further in learning how to use Azure AD B2c as an Identity provider for setting up authentication on your website.

I'm Favour Adeshina a Beta Microsoft Learn Student Ambassador from Nigeria, and an advocate of Microsoft 365 and Power Platform. I believe that youths and students should be empowered with tech skills, which will in turn bring about innovations in society. As a Microsoft Learn Student Ambassador, I actively teach and manage a community of over 200 students on campus, as well as leading the Power Platform User Group in my state.

What is Azure AD B2C?

Azure Active Directory Business-to-Customer (Azure AD B2C) is an identity management service of Microsoft Azure that enables custom control of how your customers sign up, sign in, and manage their profiles when using your iOS, Android, .NET, single-page (SPA), and other applications.

Azure AD B2C is a separate service from Azure Active Directory (Azure AD). It is built on the same technology as Azure AD but for a different purpose.

Azure AD B2C provides a highly customizable User Experience to suit and blend with your brand seamlessly. Allowing you to customize every page when a user signs up, signs in, and modifies their profile information, providing a native look and feel that follows your web, mobile, and other applications.

Check out the docs for more information: Azure Active Directory B2C.

Using Azure AD B2C in Power Pages

Power Pages supports authentication processes and provides various authentication providers to handle authentication.

With this, you can provide and set up several authentication providers on your website.

Now, let us see how to set up Azure AD B2C to handle our authentication needs for our websites while building with Microsoft Power Pages.

Requirements:

1. 
   To duly follow this tutorial you need to have an Azure account and an active subscription plan
    
    
   
2. 
   Before you can use the Azure AD B2C for authentication, they must be registered in a tenant that you manage.
    
    
   
3. 
   Also, you need to have Microsoft.AzureActiveDirectory as a resource provider for the Azure subscription you're using.
    
   

Follow this tutorial, to Create an Azure Active Directory B2C tenant. If you followed the tutorial carefully, you should have successfully created your Azure Active Directory B2C tenant.

Next Step: The next step for setting up Azure AD B2C authentication for Power Pages is to Register a web application in Azure Active Directory B2C.

Kindly follow this tutorial: Register a web application in Azure Active Directory B2C

If you successfully followed the docs properly, you should have your web application registered in Azure Active Directory B2C.

Following the screenshot below, you should have your registered web application:

The next thing to do is to set up user flows and custom policies. Let us follow this tutorial/documentation: Create User flows and custom policies in Azure Active Directory B2C.

After following the previous tutorial in the link above, (kindly get back to it, before you proceed with this step), let us head back to Identity Configuration Page in Power Pages, to complete our Configuration settings.

A few things to note, while configuring your Identity Configuration page in Power Pages:

1. 
   Authority: This is the issuer URL defined in the metadata of the sign-up & sign-in policy user flow
    
    
   
2. Client ID: The ID associated with the application created in Azure Active Directory B2C tenant to be used with the portal.
   
3. Redirect URL: This is the location where Azure AD B2C will send an authentication response. Enter the portal URL. You only need to change the redirect URI if you're using a custom domain name.
   

Kindly follow this tutorial/documentation to complete the Configuration settings on Power Pages: Configure the Azure Active Directory B2C provider manually.

Hit the confirm button to save and apply the settings applied.

Now test your application.

Congratulations you have successfully set up and configured Azure AD B2C in Microsoft Power Pages.

Continue reading...