使用 Blazor Asp.net Core 3.1.0 Preview 3 添加 Jwt HttpClient 处理程序

Question

我最近将我的项目从 Asp.Net Core 3.0 升级到最新版本 Asp.Net Core 3.1.0 preview 3。

我的项目正在客户端中运行 Blazor，并且我还截获了管道，以使用扩展 DelegatingHandler 的 JwtTokenHeaderHandler 将 Jwt 添加到发送回服务器的每个请求的标头中。

我在我的blazor.client 项目的startup.cs 中添加如下；

        services.AddSingleton<HttpClient>(s =>
        {
            // Creating the URI helper needs to wait until the JS Runtime is initialized, so defer it.
            var uriHelper = s.GetRequiredService<NavigationManager>();
            var myHandler = s.GetRequiredService<JwtTokenHeaderHandler>();
            myHandler.InnerHandler = new WebAssemblyHttpMessageHandler();
            return new HttpClient(myHandler)
            {
                BaseAddress = new Uri(uriHelper.BaseUri)
            };
        }); 

但是，自从升级后，WebAssemblyHttpMessageHandler() 似乎不再可用？

我找不到任何有关如何解决此方法的文档。

谁能告诉我如何纠正这个问题？

根据 Aqua 的回答更新

将以下代码添加到我的Startup.cs后；

        services.AddTransient(p =>
         {
             var wasmHttpMessageHandlerType = Assembly.Load("WebAssembly.Net.Http")
                 .GetType("WebAssembly.Net.Http.HttpClient.WasmHttpMessageHandler");
             var constructor = wasmHttpMessageHandlerType.GetConstructor(Array.Empty<Type>());
             return constructor.Invoke(Array.Empty<object>()) as HttpMessageHandler;
         })
         .AddTransient<JwtTokenHeaderHandler>();

调用Authorized 从我的.razor 文件中获取端点；

var response = await Http.GetAsync<ContactTypeOutputModel[]>("ContactTypes/all");

（上面只是使用扩展方法的类型化包装服务响应）；

    public static async Task<ServiceResponse<T>> GetAsync<T>(
        this HttpClient httpClient, string url)
    {
        var response = await httpClient.GetAsync(url);

        return await BuildResponse<T>(response);
    }

我的服务仍然收到 401？并且没有输出日志表明正在使用该服务？

public class JwtTokenHeaderHandler : DelegatingHandler
{
    private readonly IAppLocalStorageService _localStorage;     
    private readonly ILogger<JwtTokenHeaderHandler> _logger;

    private readonly HttpMessageHandler _innerHandler;
    private readonly MethodInfo _method;

    public JwtTokenHeaderHandler(IAppLocalStorageService localStorage, HttpMessageHandler innerHandler, ILogger<JwtTokenHeaderHandler> logger)
    {
        _localStorage = localStorage;   
        _logger = logger;

        _innerHandler = innerHandler;
        var type = innerHandler.GetType();
        _method = type.GetMethod("SendAsync", BindingFlags.NonPublic | BindingFlags.Instance | BindingFlags.InvokeMethod) ?? throw new InvalidOperationException("Cannot get SendAsync method");
        WebAssemblyHttpMessageHandlerOptions.DefaultCredentials = FetchCredentialsOption.Include;
    }

    protected override async Task<HttpResponseMessage> SendAsync(
        HttpRequestMessage request,
        CancellationToken cancellationToken)
    {
        _logger.LogDebug("Adding Jwt to Header from JwtTokenHeaderHandler: SendAsync");
        _logger.LogDebug($"Does header contain 'bearer' token: {!request.Headers.Contains("bearer")}");

        if (!request.Headers.Contains("bearer"))
        {

            _logger.LogDebug("Adding Bearer Token to Header");

            var savedToken = await _localStorage.GetTokenAsync();

            _logger.LogDebug($"Saved Token is : {savedToken}");

            if (!string.IsNullOrWhiteSpace(savedToken))
            {
                request.Headers.Authorization = new AuthenticationHeaderValue("bearer", savedToken);
            }
        }

        //return await base.SendAsync(request, cancellationToken);
        return await (_method.Invoke(_innerHandler, new object[] { request, cancellationToken }) as Task<HttpResponseMessage>);
    }
}

任何想法为什么没有被击中？

Answer 1

WebAssemblyHttpMessageHandler 已被 Mono 的 WasmHttpMessageHandler 取代，因为您无法向 WebAssembly.Net.Http 添加依赖项。 为了为 blazor WASM 创建一个 DependencyHandler，我做了一些小技巧：

    public class OidcDelegationHandler : DelegatingHandler
    {
        private readonly IUserStore _userStore;
        private readonly HttpMessageHandler _innerHanler;
        private readonly MethodInfo _method;

        public OidcDelegationHandler(IUserStore userStore, HttpMessageHandler innerHanler)
        {
            _userStore = userStore ?? throw new ArgumentNullException(nameof(userStore));
            _innerHanler = innerHanler ?? throw new ArgumentNullException(nameof(innerHanler));
            var type = innerHanler.GetType();
            _method = type.GetMethod("SendAsync", BindingFlags.NonPublic | BindingFlags.Instance | BindingFlags.InvokeMethod) ?? throw new InvalidOperationException("Cannot get SendAsync method");
            WebAssemblyHttpMessageHandlerOptions.DefaultCredentials = FetchCredentialsOption.Include;
        }
        protected override Task<HttpResponseMessage> SendAsync(HttpRequestMessage request, CancellationToken cancellationToken)
        {
            request.Headers.Authorization = new AuthenticationHeaderValue(_userStore.AuthenticationScheme, _userStore.AccessToken);            
            return _method.Invoke(_innerHanler, new object[] { request, cancellationToken }) as Task<HttpResponseMessage>;
        }
    }

是否在 DI 中设置：

return services
    .AddTransient(p =>
    {
        var wasmHttpMessageHandlerType =  Assembly.Load("WebAssembly.Net.Http")
            .GetType("WebAssembly.Net.Http.HttpClient.WasmHttpMessageHandler");
        var constructor = wasmHttpMessageHandlerType.GetConstructor(Array.Empty<Type>());
        return constructor.Invoke(Array.Empty<object>()) as HttpMessageHandler;
    })

完整代码是here