如何在 Azure B2C 租户中显示自定义的注册页面？

Posted 2023-04-13

【中文标题】如何在 Azure B2C 租户中显示自定义的注册页面？

【英文标题】：How to display the customized signup page in Azure B2C tenant?

【发布时间】：2017-04-27 10:07:49

【问题描述】：

我为用户注册和多因素身份验证准备了自定义 html 页面。然后将这些页面上传到 Azure 存储 blob。

接下来我编辑了 Azure B2C 租户的注册策略，用于自定义用户注册页面，并将之前上传的自定义 html 页面的存储 blob URL 粘贴到存储 blob 中。

当我运行策略时，浏览器将显示如下所示的注册页面。但是我把注册页面和 MFA 页面做得很好。并且只在我的 HTML 页面中添加了 CSS 内容。

如何使用自定义注册或 MFA 页面而不是提供的 Azure B2C？

【参考方案1】：

正如 Harsh Aseeja 所指出的，您的页面已经在呈现自定义页面。您需要检查浏览器的开发工具，以确定在您的 html 元素中生效的 css 样式。由于这些元素只是注入到您的页面中，因此请检查元素 ID 及其默认的 css 样式。如果您使用类来设置页面样式，则可能会被元素 ID 的默认样式覆盖。

您可以尝试使用开发工具即时编辑 css 样式，当您对所做的更改感到满意时，将它们移植到您的 css 文件（或 HTML 页面中的 css）并更新您的天蓝色存储 blob 中的相关文件.

【参考方案2】：

似乎您正在获取自定义的 HTML 页面，而不是通用的 Microsoft 登录页面。您可以使用浏览器中的开发工具来调整 CSS 以获得所需的用户体验。您还可以为每个输入框或按钮添加显式 CSS，以确保您的 CSS 被拾取并且不会被来自 Microsoft 登录页面的 CSS 覆盖。

【讨论】：

这是一个好的开始，但您可能应该添加更多详细信息来了解具体如何完成。此外，在浏览器中调整 CSS 并不是永久性的，因此您要离开有点松散的结局。我建议重写这个答案以提高质量。