Azure AD B2C登录页UI定制：仅在登录页添加警告文本的方法

核心问题解答 #

使用文档中的HTML模板定制时，如果是“统一注册或登录”用户流，默认模板会同时应用到登录和注册页面；如果是单独创建的登录用户流、注册用户流，可以分别绑定不同的HTML模板，自然不会互相影响。

仅在登录页显示警告文本的实现方法 #

针对统一注册或登录流的场景，可通过Azure AD B2C提供的页面上下文变量区分页面类型，实现条件渲染：

1. 在自定义HTML模板的目标位置（比如登录表单上方），插入以下Handlebars条件判断代码：

{{#if eq page.pageType "signin"}}
<div style="padding: 1rem; background-color: #fff3cd; border: 1px solid #ffeeba; border-radius: 4px; margin-bottom: 1rem;">
    这是仅在登录页显示的警告文本内容
</div>
{{/if}}

2. 保存模板并上传到Azure存储账户（或指定托管位置），再在用户流的UI定制设置中关联该模板即可。

关键说明 #

• page.pageType是Azure AD B2C内置的页面上下文变量，不同页面对应不同值：登录页为signin，注册页为signup，密码重置页为passwordreset等。
• 预览用户流时，切换到登录界面可见警告文本，切换到注册界面则不会显示。

内容的提问来源于stack exchange，提问作者Early Bird