针对不同网站的自定义 UI Azure B2C

Question

我有用于注册、登录和重置密码的自定义策略。全部带有自定义用户界面。 我希望有不同的 CSS 样式，并为使用注册策略的不同网站显示不同的元素。我应该使用不同的自定义 UI 创建不同的注册策略来完成此操作吗？ 另外，我想更改 Azure B2C 嵌入的 UI 片段的位置。 css 是改变这一点的唯一方法吗？

Answer 1

如果您使用的是基本 b2c 策略，那么唯一的方法是创建多个注册/登录策略。但请记住，在您的 b2c 租户中，您可以拥有的保单数量有限制（目前为 100 个保单）。因此，如果您也想为重置密码或任何其他用户旅程这样做，那么您将很快达到目标。

所以...查看标签我可以看到 Identity Experiance Framework，在这种情况下，您可以使用 MS 提供的示例 - active-directory-b2c-ui-customization-custom-dynamic 并根据附加的查询参数更改您的 UI正在发送到策略。

至于在<div id="api"></div> CSS 中移动嵌入元素是标准方式。但是您可以查看b2clogin.com program，它目前处于公共预览阶段，但不建议用于任何生产用途。