Blazor MSAL AD B2C 集成多个用户流（配置文件编辑，更改 email，更改电话号码）

Question

我有一个 AD B2C 租户，其中包含用户流SignupSignin, ProfileEdit, ChangeEmail, ChangePassword用户流。 我正在尝试将用户流程集成到 Blazor 应用程序中。

Blazor 客户端应用程序具有 appsettings.json 文件具有仅指定一个用户流的选项

{
  "AzureAdB2C": {
    "Authority": "https://tenant.b2clogin.com/tenant.onmicrosoft.com/B2C_1A_signupsignin",
    "ClientId": "*************",
    "ValidateAuthority": true
  }
}

有没有办法从 Blazor 应用程序ProfileEdit, ChangeEmail, ChangePassword调用其他用户流？

有没有办法在运行时动态更改权限，点击菜单配置文件编辑，更改 email 并更改密码以导航到 b2c 用户流？

Answer 1

我不确定在运行时更改权限，但是...

这是我设法在连接到 Azure AD B2C 的 Blazor 服务器应用程序中实现编辑配置文件策略的工作。 它确实需要数小时的反复试验，但请参阅下面的代码和参考资料。

应用设置.json

  "AzureAdB2C": {
    "Instance": "https://********.b2clogin.com/",
    "ClientId": "********************",
    "CallbackPath": "/signin-oidc",
    "Domain": "***********.onmicrosoft.com",
    "SignedOutCallbackPath": "/signout/B2C_1_SignupSignin",
    "SignUpSignInPolicyId": "B2C_1_SignupSignin",
    "ResetPasswordPolicyId": "B2C_1_PasswordReset",
    "EditProfilePolicyId": "B2C_1_EditProfile"
}

启动.cs

public void ConfigureServices(IServiceCollection services)
{
    services.AddAuthentication(OpenIdConnectDefaults.AuthenticationScheme);

    services.AddMicrosoftIdentityWebAppAuthentication(Configuration, Microsoft.Identity.Web.Constants.AzureAdB2C);

    services.AddControllersWithViews()
     .AddMicrosoftIdentityUI();
...
}

然后我创建了一个LoginDisplay组件，它在 MainLayout 页面中使用。

@using Microsoft.Identity.Web
@using Microsoft.Extensions.Options
@inject IOptionsMonitor<MicrosoftIdentityOptions> microsoftIdentityOptions

<AuthorizeView>
    <Authorized>
        @if (isAuthenticated)
        {
            <a href="MicrosoftIdentity/Account/EditProfile">Hello @userName</a>
        }
        else
        {
            <text>Hello there!</text>
        }
        <a href="MicrosoftIdentity/Account/SignOut">Log out</a>
    </Authorized>
    <NotAuthorized>
        <a href="MicrosoftIdentity/Account/SignIn">Log in</a>
    </NotAuthorized>
</AuthorizeView>

@code {

    [CascadingParameter]
    private Task<AuthenticationState> authenticationStateTask { get; set; }

    private bool isAuthenticated;

    private string userName;

    private async Task GetUsername()
    {
        var authState = await authenticationStateTask;
        var user = authState.User;
        isAuthenticated = user.Identity.IsAuthenticated;

        if (isAuthenticated)
        {
            userName = user.FindFirst(x => x.Type.Contains("givenname")).Value;
        }
    }

    protected override async void OnInitialized()
    {
        await GetUsername();
    }
}

我在这里使用了官方的 MS 文档和这个代码示例。

我希望这有帮助。