单个Azure B2C应用程序配置多个独立域名的技术问询

我来帮你梳理下实现这个需求的具体步骤，亲测可行：

1. 给已注册应用添加多个回调URL #

首先解决同一应用支持两个不同域名回调的问题，Azure B2C本身允许同一应用配置多个不同域名的重定向URI，操作很简单：

• 登录Azure门户，找到你的B2C租户，进入应用注册模块，定位到你正在使用的目标应用
• 切换到身份验证页面，点击添加平台，选择Web类型
• 分别输入两个回调地址：https://app.abc.com/auth/openid/return 和 https://app.def.com/auth/openid/return
• 记得勾选ID令牌（如果你的应用基于OpenID Connect协议），最后保存配置即可

2. 根据请求主机头切换品牌样式 #

接下来是品牌切换的部分，这里提供两种方式，可根据场景复杂度选择：

方式一：用用户流的动态品牌（简单场景首选） #

如果你的应用使用Azure B2C内置用户流（比如注册登录流），直接用Liquid模板就能实现动态品牌：

• 进入B2C的用户流页面，选中你在用的流，点击品牌化
• 开启自定义页面内容，进入页面编辑器
• 用Liquid条件判断，根据请求的host参数加载不同品牌资源，示例代码：

  {% if page.context.request.host == "app.abc.com" %}
    <link rel="stylesheet" href="https://你的CDN地址/abc-brand.css">
    <img src="https://你的CDN地址/abc-logo.png" alt="ABC品牌">
  {% elsif page.context.request.host == "app.def.com" %}
    <link rel="stylesheet" href="https://你的CDN地址/def-brand.css">
    <img src="https://你的CDN地址/def-logo.png" alt="DEF品牌">
  {% endif %}
  

  这样用户从哪个域名发起请求，B2C的登录页面就会自动加载对应品牌的样式和logo。

方式二：用自定义策略（复杂场景） #

如果需要更灵活的控制（比如动态修改更多内容、结合其他用户声明），可以用自定义策略实现：

1. 在自定义策略的<ClaimsSchema>中添加存储主机头的声明：

   <ClaimType Id="requestHost">
     <DisplayName>请求主机地址</DisplayName>
     <DataType>string</DataType>
   </ClaimType>
   

2. 在对应的<TechnicalProfile>中，提取请求的主机头到该声明：

   <InputClaim ClaimTypeReferenceId="requestHost" DefaultValue="{Context:Host}" />
   

3. 在自定义页面布局HTML中，通过该声明做条件判断，加载不同品牌内容：

   {% if claims.requestHost == "app.abc.com" %}
     <!-- 放置ABC品牌的页面内容 -->
   {% else %}
     <!-- 放置DEF品牌的页面内容 -->
   {% endif %}
   

3. 应用端的配合配置 #

最后，你的应用本身需要做一点小调整：

• 当用户访问app.abc.com时，发起认证请求的redirect_uri要对应https://app.abc.com/auth/openid/return；同理，app.def.com的请求要匹配自己的回调URL，确保和B2C配置一致
• 应用内部要根据请求的主机头（比如ASP.NET中的HttpContext.Request.Host）加载对应品牌的样式、资源，保证应用UI也能同步切换品牌

关键注意事项 #

• 所有回调URL必须是HTTPS协议，Azure B2C不支持HTTP回调地址
• 确保两个域名都完成DNS解析，能正常访问
• 无需为每个域名单独注册应用，同一应用下配置多个回调URL完全合规

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