如何在React JS应用程序中为Azure Active Directory B2C设置指向b2login.com的重定向URL [英] How to set redirect URLs to b2clogin.com for Azure Active Directory B2C in React JS application

问题描述

我正在开发Reaction js应用程序，并将使用azure adb2c进行安全(reference)。要在用户流中启用Java脚本，我似乎必须将重定向url更改为b2clogin.com。我已经提到了https://docs.microsoft.com/en-us/azure/active-directory-b2c/b2clogin，但在这一点上不清楚：

将您的Azure AD B2C应用程序设置为使用b2login.com进行用户流引用和令牌终结点。

有没有人能解释一下这个问题？我也要求在那个页面上提供任何视频参考，等待他们的回复。我不知道在我的应用程序中在哪里更改重定向URL和在哪里更新。

推荐答案

问题：我不知道在我的B2C应用程序中在哪里更改重定向URL和在哪里更新？

步骤：1：搜索B2C

根据您的情况，您必须先找您的B2C租户。要做到这一点，请转到Azure门户。点击All services，在search everything框中输入B2C，然后点击B2C图标，如下图所示。查看下面的屏幕截图：

步骤：2：转到B2C应用

一旦您点击B2C图标，您将在左侧选项卡菜单上显示应用程序，单击该图标并选择您要配置的应用程序。查看下面的屏幕截图：

步骤：3：选择您的应用程序

从要配置的应用程序列表中选择您的application。见下图：

步骤：4：配置回复URL

很快您选择要配置的应用程序，您将看到页面下方的Reply URL，如下面的屏幕截图所示。

根据需要添加或配置Reply URL。您可以根据需要添加多个Reply URL。

问题：将您的Azure AD B2C应用程序设置为使用b2login.com进行用户流？

要在您的user flow上配置b2clogin.com域，请执行以下步骤：

步骤：1：用户流(策略)

转到您的B2C应用程序域，您将看到策略部分下的User flows (policies)菜单。请参见下面的屏幕截图：

步骤：2：新建用户流/列表中的现有用户

如果您已有user flow，则可以从列表中进行选择，也可以通过在顶部选择`New User Flow‘来创建新的用户流。见下图：

步骤：3：A类型流程名称

如我在屏幕截图中指定的那样，为您的流输入一个名称。请查看以下内容：

步骤：4：b2clogin.com用户流的页面布局

一旦在您的案例中创建了新流B2C_1_Test_Flow。从流列表中点击该选项。您将在左侧菜单栏上看到Page layouts菜单。点击Page layouts。如果要将custom page url设置为，然后单击Yes，则将启用Custom page URI以进行自定义。请参见下图。

这是您可以定制您的B2CReply URL和Custom Page URL的方式。如果你有更多的顾虑，请在这里发表评论。编码快乐！

这篇关于如何在React JS应用程序中为Azure Active Directory B2C设置指向b2login.com的重定向URL的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！