blazor webassemblyでAuthorizeViewを使用した時の認証状態変更について

Question

実現したいこと

[実現したい事]※BlazorとAsp.netが初心者です
blazor webassemblyアプリケーションで、
1.ログインしていない時、未認証状態にする。
2.ログインが成功した時にAuthorizeViewを認証状態にする。
[実装した内容]
<前準備>
1.AuthenticationStateProviderを継承したクラスを作成。(CustomeAuthticateProviderという名前で作成)
2.Program.csにbuilder.Services.AddScopedを使用して、手順1で作成したクラスを登録。
(この時、AddAuthorizationCoreやAddCascadingAuthenticationStateも呼び出しています)
<ログインから認証状態の流れ>
1.画面表示。
(この状態では未認証。最初の画面表示時、自作したCustomeAuthticateProviderクラスのGetAuthenticationStateAsyncが呼び出され、未認証状態なので、空のAuthenticationStateを返しておく)
2.ログインする。ログイン時に、自作で作成したWEB APIを呼び出し、呼び出し結果からWEB API側で作成した、JWTのトークンを取得する。
3.ログイン時に使用したユーザーIDとJWTのトークンを、ブラウザ側のセッションストレージに保存する。
4.CustomeAuthticateProviderクラスから、NotifyAuthenticationStateChangedメソッドを実行する。
この時、引数には手順3でセッションストレージに保存したユーザーIDをClaimsIdentityに含めた、AuthenticationStateを渡す。
(NotifyAuthenticationStateChangedメソッドは、継承元のAuthenticationStateProviderクラスで定義されているメソッド)
5.認証状態に変更なし(AuthorizeViewを使用しているどのページに移動しても変化なし)

発生している問題・分からないこと

[わからない事]
AuthorizeView認証状態の更新方法がわかりません。
[発生している問題]
AuthenticationStateProviderのNotifyAuthenticationStateChangedメソッドを呼び出しても、認証状態が更新されないです。
[デバッグ時の状況]
AuthenticationStateProviderクラスのNotifyAuthenticationStateChangedを何度も実行しても、AuthenticationStateProviderのGetAuthenticationStateAsyncがAuthorizeView側から呼ばれません。(この時、AuthenticationStateProviderクラスのAuthenticationStateChangedイベントは呼ばれますが、肝心のAuthorizeViewの状態は更新されません。)

該当のソースコード

using BlazorApp1;
using Microsoft.AspNetCore.Components.Authorization;
using Microsoft.AspNetCore.Components.Web;
using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
using Blazored.SessionStorage;
using Microsoft.AspNetCore.Authorization;
using Microsoft.Extensions.Options;

var builder = WebAssemblyHostBuilder.CreateDefault(args);
builder.RootComponents.Add<App>("#app");
builder.RootComponents.Add<HeadOutlet>("head::after");

builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });

// ブラウザ側のセッションストレージを使用する為に
// NuGetでインストールしたBlazored.SessionStorage(2.4.0)を使用
builder.Services.AddBlazoredSessionStorage();

// 自作で作成したAuthenticationStateProviderを継承したクラスを登録
builder.Services.AddScoped<AuthenticationStateProvider, CustomeAuthticateProvider>();

// 自作で定義したインターフェースの登録。
builder.Services.AddScoped<ICustomeAuthticateProvider, CustomeAuthticateProvider>();
// 自作のサービスクラスを登録
builder.Services.AddScoped<IAuthService, CustomeAuthService>();

builder.Services.AddAuthorizationCore();

builder.Services.AddCascadingAuthenticationState();

await builder.Build().RunAsync();

using Microsoft.AspNetCore.Components.Authorization;
using Microsoft.AspNetCore.Components;
using System.Security.Claims;
using System.Net.Http.Headers;
using Blazored.SessionStorage;

namespace BlazorApp1;

public interface ICustomeAuthticateProvider
{
    public Task MarkUserAsAuthenticated(string userID, string authToken);

    public Task MarkUserAsLoggedOut();

    public void ExecuteNotifyAuthenticationStateChanged();
}

internal class CustomeAuthticateProvider : AuthenticationStateProvider, ICustomeAuthticateProvider
{
    private readonly HttpClient _httpClient;

    private readonly ISessionStorageService _sessionStorageService;

    public CustomeAuthticateProvider(HttpClient httpClient, ISessionStorageService sessionStorageService)
    {
        _httpClient = httpClient;
        _sessionStorageService = sessionStorageService;
        base.AuthenticationStateChanged += CustomeAuthticateProvider_AuthenticationStateChanged;
    }

    private async void CustomeAuthticateProvider_AuthenticationStateChanged(Task<AuthenticationState> task)
    {
        var state = await task;
        if (state != null)
        {
            string name = state.User.Identity?.Name ?? "";
            Console.WriteLine($"呼ばれたよ！！======= name={name}");
        }
    }

    public async override Task<AuthenticationState> GetAuthenticationStateAsync()
    {
        // ローカルストレージからトークンとユーザ名を取得
        var savedToken = await _sessionStorageService.GetItemAsync<string>("authToken");
        var userID = await _sessionStorageService.GetItemAsync<string>("userID");        

        if (string.IsNullOrWhiteSpace(savedToken))
        {
            return new AuthenticationState(new ClaimsPrincipal(new ClaimsIdentity()));
        }

        _httpClient.DefaultRequestHeaders.Authorization = new AuthenticationHeaderValue("bearer", savedToken);

        var identity = new ClaimsIdentity(
        [
            new Claim(ClaimTypes.Name, userID),
        ], "Test");
        var principal = new ClaimsPrincipal(identity);
        var authenticationState = new AuthenticationState(principal);
        return authenticationState;
        
    }

    public async Task MarkUserAsAuthenticated(string userID, string authToken)
    {
        // ローカルストレージに認証情報を保持して変更通知を行う
        await _sessionStorageService.SetItemAsync("userID", userID);
        await _sessionStorageService.SetItemAsync("authToken", authToken);

        NotifyAuthenticationStateChanged(GetAuthenticationStateAsync());
    }

    public async Task MarkUserAsLoggedOut()
    {
        // ローカルストレージの認証情報を削除して変更通知を行う
        await _sessionStorageService.RemoveItemAsync("userID");
        await _sessionStorageService.RemoveItemAsync("authToken");
        if (_httpClient.DefaultRequestHeaders.Authorization != null)
        {
            _httpClient.DefaultRequestHeaders.Authorization = null;
        }
        NotifyAuthenticationStateChanged(GetAuthenticationStateAsync());
    }

    public void ExecuteNotifyAuthenticationStateChanged()
    {
        NotifyAuthenticationStateChanged(GetAuthenticationStateAsync());
    }
}

using Microsoft.AspNetCore.Authorization;

namespace BlazorApp1
{
    public class TestAuthHandler : AuthorizationHandler<TestRequirement>
    {
        protected override Task HandleRequirementAsync(AuthorizationHandlerContext context, TestRequirement requirement)
        {
            //context.Succeed(requirement);
            //context.Fail();

            var identityName = context.User.Identity?.Name;
            if (identityName is null)
            {
                context.Fail();
                return Task.CompletedTask;
            }

            context.Succeed(requirement);

            return Task.CompletedTask;
        }
    }
}

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

[他に試したこと]
ポリシーを追加して、そのポリシーに対応したIAuthorizationHandlerを実装したクラスのHandleRequirementAsyncメソッドの引数のAuthorizationHandlerContextに、どのような値が入ってきているか確認
<手順>
1.前準備として、Program.csの中で、builder.Services.AddAuthorizationCoreの引数のアクション内で、"Test"という名前でconfigure.AddPolicyメソッドを実行しポリシーを作成し。
2.builder.Services.AddScoped<IAuthorizationHandler, TestAuthHandler>();という一行を追加して、TestAuthHandlerクラスが、AuthorizeViewでポリシーに"Test"を設定している場合、表示時に呼ばれるように設定。
<確認内容>
1.AuthorizeViewの初期画面表示時は、AuthorizationHandlerContextに何も設定されていないものが設定されていた。
2.ログインしてブラウザ側のセッションストレージにユーザーIDなどを保存し、AuthenticationStateProviderクラスのNotifyAuthenticationStateChangedを呼び出しても、AuthenticationStateProviderクラスのGetAuthenticationStateAsyncメソッドが呼び出されない為、AuthorizationHandlerContextの中身は空のままです。

補足

[使用しているツールやバージョン]
Microsoft Visual Studio Community 2022 (64 ビット) (Version 17.12.3)
プロジェクトの.netのターゲット：net9.0

Answer 1

自己解決しました。
Program.csで、
①→builder.Services.AddScoped<AuthenticationStateProvider, CustomeAuthticateProvider>();
②→builder.Services.AddScoped<ICustomeAuthticateProvider, CustomeAuthticateProvider>();
の2行の部分が間違っていました。

自作のCustomeAuthticateProviderは、AuthenticationStateProviderとICustomeAuthticateProviderを継承してます。どちらも使用する為に、①と②で登録しましたが、①と②で同一のCustomeAuthticateProviderクラスのインスタンスが設定されると勘違いしていました。

①と②で別々のCustomeAuthticateProviderクラスのインスタンスが設定されることにより、ログイン時は②のCustomeAuthticateProviderのインスタンスのNotifyAuthenticationStateChangedを呼び出していますが、AuthorizeViewは①で設定した方のインスタンスにバインドされている為、いくら②のインスタンスでNotifyAuthenticationStateChangedを呼び出しても反応しない、という状況でした。

以下に修正することにより、正しく動くようになりました。
builder.Services.AddScoped<CustomeAuthticateProvider>();←ここでインスタンスを登録
builder.Services.AddScoped<AuthenticationStateProvider>(provider =>
provider.GetRequiredService<CustomeAuthticateProvider>());←ここで同一インスタンスを取得するように修正
builder.Services.AddScoped<ICustomeAuthticateProvider>(provider =>
provider.GetRequiredService<CustomeAuthticateProvider>());←こっちも、同一インスタンスを取得するように修正。

お騒がせしてしまい、申し訳ございませんでした。
閲覧して下さり、調べてみたりしてくださった方、ありがとございました。

以上です。