Azure B2C如何适配Azure静态Web应用的动态分支预发布环境？

方案一：流水线动态管理B2C重定向URI #

在Azure DevOps的PR部署流水线中添加自动化步骤，实现重定向URI的动态维护：

• 使用az ad app update命令，结合流水线内置变量获取当前分支的预发布URL（如{{branch-name}}.xxx.azurestaticapps.net），将其添加到Azure B2C应用的重定向URI列表
• 加入幂等校验逻辑，避免重复添加相同URI；同时在PR关闭或分支删除时，添加清理步骤移除对应URI，防止列表过度冗余

方案二：通过代理层统一认证入口 #

搭建固定域名的代理服务（如Azure App Service或Front Door），将所有预发布环境的认证请求统一路由：

• 代理服务配置固定的重定向URI到Azure B2C，完成认证后再转发请求到对应预发布环境
• Vue应用中将redirectUri配置为代理服务地址，代理层通过请求路径或参数识别目标环境，认证完成后跳转回对应预发布URL

方案三：自定义通配符子域名适配 #

若静态Web App已配置自定义域名，可启用通配符子域名格式的预发布地址：

• 为静态Web App配置*.preview.yourdomain.com格式的自定义子域名，让分支预发布环境使用{{branch-name}}.preview.yourdomain.com地址
• 在Azure B2C中注册https://*.preview.yourdomain.com/auth-callback格式的重定向URI（部分B2C租户支持子域名通配符，需提前确认租户特性）

方案四：构建时动态替换认证配置 #

在流水线构建阶段，动态修改Vue应用的认证配置参数：

• 将当前预发布URL通过环境变量（如VUE_APP_REDIRECT_URI）注入到Vue项目中
• 在认证逻辑中使用该环境变量作为重定向URI，同时在B2C中预先注册一批符合分支命名规范的常用预发布URI（适合分支数量少、命名规则固定的团队）

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