我將Visual Studio 2019和.Net Core 3.0.0-preview-7與標(biāo)準(zhǔn) Blazor 客戶端、服務(wù)器和共享模板一起使用。在應(yīng)用程序中，我們的服務(wù)器端 WebApi 應(yīng)用程序?qū)⑹冀K要求標(biāo)頭中存在 JWT 令牌以進(jìn)行授權(quán)。從以下內(nèi)容來(lái)看在 ASP.NET Core 中使用 IHttpClientFactory 發(fā)出 HTTP 請(qǐng)求我創(chuàng)建了以下處理程序；public class JwtTokenHeaderHandler : DelegatingHandler{ private readonly ILocalStorageService _localStorage; public JwtTokenHeaderHandler(ILocalStorageService localStorage) { _localStorage = localStorage; } protected override async Task<HttpResponseMessage> SendAsync( HttpRequestMessage request, CancellationToken cancellationToken) { if (!request.Headers.Contains("bearer")) { var savedToken = await _localStorage.GetItemAsync<string>("authToken"); if (!string.IsNullOrWhiteSpace(savedToken)) { request.Headers.Add("bearer", savedToken); } } return await base.SendAsync(request, cancellationToken); }}我用來(lái)Blazored.LocalStorage從本地存儲(chǔ)獲取保存的令牌并將其添加到標(biāo)頭?，F(xiàn)在，此時(shí)我不確定該怎么做，就好像我將以下內(nèi)容添加到Blazor.Client Startup.cs;services.AddTransient<JwtTokenHeaderHandler>();services.AddHttpClient("JwtTokenHandler") .AddHttpMessageHandler<JwtTokenHeaderHandler>();我收到錯(cuò)誤消息；“IServiceCollection”不包含“AddHttpClient”的定義，并且找不到接受“IServiceCollection”類(lèi)型的第一個(gè)參數(shù)的可訪問(wèn)擴(kuò)展方法“AddHttpClient”（您是否缺少 using 指令或程序集引用？）誰(shuí)能指導(dǎo)我在這里做錯(cuò)了什么？
4 回答
慕姐8265434
TA貢獻(xiàn)1813條經(jīng)驗(yàn) 獲得超2個(gè)贊
下面是一個(gè)摘錄，在默認(rèn) http 客戶端上設(shè)置默認(rèn)請(qǐng)求標(biāo)頭（通過(guò) DI）。然后，對(duì)您的 Web api 的所有調(diào)用都將包含不記名令牌：
public class ApiAuthenticationStateProvider : AuthenticationStateProvider
{
? ? private readonly HttpClient _httpClient;
? ? private readonly ILocalStorageService _localStorage;
? ? public ApiAuthenticationStateProvider(HttpClient httpClient, ILocalStorageService localStorage)
? ? {
? ? ? ? _httpClient = httpClient;
? ? ? ? _localStorage = localStorage;
? ? }
? ? public override async Task<AuthenticationState> GetAuthenticationStateAsync()
? ? {
? ? ? ? var savedToken = await _localStorage.GetItemAsync<string>("authToken");
? ? ? ? if (string.IsNullOrWhiteSpace(savedToken))
? ? ? ? {
? ? ? ? ? ? return new AuthenticationState(new ClaimsPrincipal(new ClaimsIdentity()));
? ? ? ? }
? ? ? ? // **************? ? Set JWT header? ? ? ?****************
? ? ? ? _httpClient.DefaultRequestHeaders.Authorization = new AuthenticationHeaderValue("bearer", savedToken);
? ? ? ? // *******************************************************
? ? ? ? return new AuthenticationState(new ClaimsPrincipal(new ClaimsIdentity(ParseClaimsFromJwt(savedToken), "jwt")));
? ? }
? ? // ...
}
心有法竹
TA貢獻(xiàn)1866條經(jīng)驗(yàn) 獲得超5個(gè)贊
目前您無(wú)法在客戶端 Blazor 上使用 IHttpClientFactory。
而且您不必從 HttpMessageHandler (DelegatingHandler) 派生。Blazor 已經(jīng)做到了。以下是擴(kuò)展 HttpClient 服務(wù)功能的擴(kuò)展類(lèi)，以啟用將 Jwt 令牌添加到請(qǐng)求消息標(biāo)頭的功能...
服務(wù)擴(kuò)展.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net.Http;
using System.Net.Http.Headers;
using System.Security.Claims;
using System.Text;
using System.Text.Json.Serialization;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Components;
using Microsoft.Extensions.DependencyInjection;
public static class ServiceExtensions
{
public static async Task<T> GetJsonAsync<T>(this HttpClient httpClient, string url, AuthenticationHeaderValue authorization)
{
var request = new HttpRequestMessage(HttpMethod.Get, url);
request.Headers.Authorization = authorization;
var response = await httpClient.SendAsync(request);
var responseBytes = await response.Content.ReadAsByteArrayAsync();
return JsonSerializer.Parse<T>(responseBytes, new JsonSerializerOptions { PropertyNamingPolicy = JsonNamingPolicy.CamelCase });
}
}
下面展示了如何調(diào)用 Web Api 上的端點(diǎn)，傳遞從 localStorage 讀取的 Jwt 令牌。（順便說(shuō)一句，這些版本都沒(méi)有數(shù)據(jù)保護(hù)）
索引剃刀
@page "/"
@inject ILocalStorageService localStorage
@inject HttpClient Http
<div class="mdc-card main-content-card">
<h1 class="@MdcTypography.H4">Hello, world!</h1>
Welcome to your new app.
</div>
// Razor content to display emloyees come here.....
@code {
Employee[] employees;
protected override async Task OnInitAsync()
{
var token = await localStorage.GetTokenAsync();
employees = await Http.GetJsonAsync<Employee[]>(
"api/employees",
new AuthenticationHeaderValue("Bearer", token));
}
}
希望這有效...如果沒(méi)有，并且您無(wú)法解決錯(cuò)誤，請(qǐng)來(lái)這里告訴社區(qū)...
慕容森
TA貢獻(xiàn)1853條經(jīng)驗(yàn) 獲得超18個(gè)贊
以下將 X-CSRF-TOKEN 標(biāo)頭添加到 http 請(qǐng)求中：
public class CustomHttpMessageHandler : DelegatingHandler
{
private readonly IJSRuntime _js;
public CustomHttpMessageHandler(IJSRuntime js)
{
_js = js;
}
protected override async Task<HttpResponseMessage> SendAsync(HttpRequestMessage request, CancellationToken cancellationToken)
{
var afrt = await _js.InvokeAsync<string>("getCookie", ".AFRT");
request.Headers.Add("X-CSRF-TOKEN", afrt);
return await base.SendAsync(request, cancellationToken);
}
}
在 Program.cs 中配置如下：
builder.Services.AddScoped<CustomHttpMessageHandler>();
builder.Services.AddHttpClient("ApiClient", client => client.BaseAddress = new Uri(builder.HostEnvironment.BaseAddress))
.AddHttpMessageHandler<CustomHttpMessageHandler>();
builder.Services.AddScoped(sp => sp.GetRequiredService<IHttpClientFactory>().CreateClient("ApiClient"));
您需要將 Microsoft.Extensions.Http 包安裝到 Blazor WebAssembly 客戶端。
蝴蝶不菲
TA貢獻(xiàn)1810條經(jīng)驗(yàn) 獲得超4個(gè)贊
Microsoft.Extensions.Http您需要包含 AddHttpClient 方法的NuGet 包。使用以下命令安裝它：Install-Package Microsoft.Extensions.Http -Version 3.0.0-preview7.19362.4
看起來(lái)，這個(gè) NuGet 包是在服務(wù)器端 blazor 中自動(dòng)提供的，但必須在客戶端 blazor 中單獨(dú)安裝。
- 4 回答
- 0 關(guān)注
- 440 瀏覽
添加回答
舉報(bào)
0/150
提交
取消