Blazor集成AD B2C多用户流：如何动态调用编辑/改密等流程

完全可以调用ProfileEdit、ChangeEmail、ChangePassword等其他用户流，也支持在运行时动态修改Authority跳转到对应B2C用户流，具体实现步骤如下：

1. 扩展appsettings.json配置 #

先把所有用户流的基础信息统一配置，方便后续动态拼接Authority：

{
  "AzureAdB2C": {
    "Tenant": "tenant.onmicrosoft.com",
    "ClientId": "*************",
    "ValidateAuthority": true,
    "UserFlows": {
      "SignUpSignIn": "B2C_1A_signupsignin",
      "ProfileEdit": "B2C_1A_profileedit",
      "ChangeEmail": "B2C_1A_changeemail",
      "ChangePassword": "B2C_1A_changepassword"
    }
  }
}

2. 实现动态Authority生成服务 #

创建一个服务类，负责根据用户流名称生成对应的Authority：

public class B2CAuthorityProvider
{
    private readonly IConfiguration _configuration;

    public B2CAuthorityProvider(IConfiguration configuration)
    {
        _configuration = configuration;
    }

    public string GetAuthority(string userFlowName)
    {
        var tenant = _configuration["AzureAdB2C:Tenant"];
        return $"https://tenant.b2clogin.com/{tenant}/{userFlowName}";
    }
}

在Program.cs中注册该服务：

builder.Services.AddScoped<B2CAuthorityProvider>();

3. 在Blazor组件中实现动态跳转逻辑 #

通过注入服务，在菜单点击事件中动态生成Authority并触发跳转：

@inject B2CAuthorityProvider AuthorityProvider
@inject MsalAuthenticationService MsalService
@inject IConfiguration Configuration

<div class="menu">
    <button @onclick="() => StartUserFlow(Configuration["AzureAdB2C:UserFlows:ProfileEdit"])">编辑资料</button>
    <button @onclick="() => StartUserFlow(Configuration["AzureAdB2C:UserFlows:ChangeEmail"])">修改邮箱</button>
    <button @onclick="() => StartUserFlow(Configuration["AzureAdB2C:UserFlows:ChangePassword"])">修改密码</button>
</div>

@code {
    private async Task StartUserFlow(string userFlowName)
    {
        var authority = AuthorityProvider.GetAuthority(userFlowName);
        await MsalService.NavigateToLogin(authority: authority);
    }
}

注意事项 #

• 确保AD B2C租户中已正确配置所有用户流，且客户端应用已被授权访问这些流
• 跳转后的回调地址需与AD B2C应用注册中配置的重定向URI一致
• ValidateAuthority保持true即可，动态生成的Authority符合B2C格式要求

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