Azure B2C のログイン情報をBlazorで入手する。

B2Cを用いてBlazorのログイン関連の設定は終わっているものとする。
そのうえで、ログイン後の情報を入手する。
ここを参考にするとよい。
https://docs.microsoft.com/en-us/aspnet/core/blazor/security/?view=aspnetcore-3.1&tabs=visual-studio#authenticationstateprovider-service

@page "/"
@using System.Security.Claims
@using Microsoft.AspNetCore.Components.Authorization
@inject AuthenticationStateProvider AuthenticationStateProvider

<h3>ClaimsPrincipal Data</h3>

<button @onclick="GetClaimsPrincipalData">Get ClaimsPrincipal Data</button>

<p>@_authMessage</p>

@if (_claims.Count() > 0)
{
    <ul>
        @foreach (var claim in _claims)
        {
            <li>@claim.Type: @claim.Value</li>
        }
    </ul>
}

<p>@_surnameMessage</p>

@code {
    private string _authMessage;
    private string _surnameMessage;
    private IEnumerable<Claim> _claims = Enumerable.Empty<Claim>();

    private async Task GetClaimsPrincipalData()
    {
        var authState = await AuthenticationStateProvider.GetAuthenticationStateAsync();
        var user = authState.User;

        if (user.Identity.IsAuthenticated)
        {
            _authMessage = $"{user.Identity.Name} is authenticated.";
            _claims = user.Claims;
            _surnameMessage = 
                $"Surname: {user.FindFirst(c => c.Type == ClaimTypes.Surname)?.Value}";
        }
        else
        {
            _authMessage = "The user is NOT authenticated.";
        }
    }
}

<li>@claim.Type: @claim.Value</li>
ここに関して、それぞれの詳細はここを参照されたし。
https://authguidance.com/2017/12/01/azure-ad-spa-code-sample/

この記事が気に入ったらサポートをしてみませんか?