如何在 React JS 应用程序中为 Azure Active Directory B2C 设置重定向 URL 到 b2clogin.com

Question

我正在开发 React js 应用程序，并将使用 azure adb2c 来确保安全（参考）。要在用户流中启用 javascript，似乎我必须将重定向 url 更改为b2clogin.com. 我已经提到过这一点https://learn.microsoft.com/en-us/azure/active-directory-b2c/b2clogin，但在这一点上还不清楚：

将 Azure AD B2C 应用程序设置为使用 b2clogin.com 作为用户流引用和令牌终结点。

有人可以对此进行更多解释吗？我也在该页面中要求提供任何视频参考，等待他们的答复。我不知道在应用程序中更改重定向 URL 和更新位置。

Answer 1

问题：我在 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 应用程序设置为使用 b2clogin.com 作为用户流？

要配置b2clogin.com您的域，user flow请按照以下步骤操作：

步骤：1：用户流向（策略）

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

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

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

步骤：3：输入流名称

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

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

一旦在您的案例中创建了新流程B2C_1_Test_Flow。从流列表中单击它。您将在左侧菜单栏上看到Page layouts菜单。点击Page layouts。如果您想设置，则custom page url 单击Yes即可启用自定义。请参见下图。Use custom page contentCustom page URI

这就是您定制 B2CReply URL和Custom Page URL. 如果您还有任何疑问，请随时在评论中分享。快乐编码！