Search code examples
azureazure-ad-b2c

How to set redirect URLs to b2clogin.com for Azure Active Directory B2C in React JS application

I am developing react js application and will be using azure adb2c for security (reference). To enable javascript in userflows, it seems I have to change redirect url to b2clogin.com. I have referred this https://learn.microsoft.com/en-us/azure/active-directory-b2c/b2clogin, but not clear on this point:

Set your Azure AD B2C application to use b2clogin.com for user flow references and token endpoints.

Can someone explain more on this? I have asked for any video reference in that page as well, waiting for their reply. I am not getting where to Change redirect URLs and where to Update in my application.

Solution

  • Question: I am not getting where to Change redirect URLs and where to Update in my B2C application?

    Step: 1: Search B2C

    According to your case you have to your B2C tenant first. To do that, go to azure portal. Click on All services, in search everything box type B2C then click on B2C Icon as shown below picture. See the screen shot below:

    enter image description here

    Step: 2: Go To B2C Application

    Once you click on B2C icon you will be shown application on left tab menu, click on that and select your application you want to configure. See the screen shot below:

    enter image description here

    Step: 3: Select your Application

    Select your application from application list for configuration. See the image below:

    enter image description here

    Step: 4: Configure Reply URL

    Soon you select the application you want to configure you will see the Reply URL below the page as specified on following screen shot.

    enter image description here

    Add or configure your Reply URL as you want. You can add many Reply URL as per your need.

    Question: Set your Azure AD B2C application to use b2clogin.com for user flow?

    To configure b2clogin.com domain on your user flow please follow the steps below:

    Step: 1: User flows (policies)

    Go to your B2C application domain you will see User flows (policies) menu under policies section. See the below screen shot:

    enter image description here

    Step: 2: New User Flow / Existing From List

    If you have existing user flow you can pick from the list or you can create new user flow by selecting `New User Flow' on top. See the Picture below:

    enter image description here

    Step: 3: Type A Flow Name

    Type a name for your flow as I have specified in screen shot. Have look on below:

    enter image description here

    Step: 4: Page layouts For b2clogin.com User Flow

    Once the new flow created in your case B2C_1_Test_Flow. Click on that from the flow list. You will see Page layouts menu on left menu bar. Click on Page layouts. If you want to set custom page url then click Yes to Use custom page content then Custom page URI would be enable for customization. See the Image below .

    enter image description here

    This is how you could customize your B2C Reply URL and Custom Page URL. If you have any more concern feel free to share here in comment. Happy coding!