在Blazor Server组件中共享ASP.NET Core Identity应用Cookie方案咨询

完全可以在不改动现有Identity核心配置的前提下实现需求，只需要调整Blazor Server的连接与请求上下文传递配置，以下是具体步骤：

1. 保留原有Identity与Cookie认证配置 #

你的现有认证代码无需修改，保持原有的AddDefaultIdentity和AddCookie配置即可，比如：

builder.Services.AddDefaultIdentity<IdentityUser>(options => options.SignIn.RequireConfirmedAccount = true)
    .AddEntityFrameworkStores<ApplicationDbContext>();

builder.Services.AddAuthentication(CookieAuthenticationDefaults.AuthenticationScheme)
    .AddCookie(options =>
    {
        options.LoginPath = "/Account/Login";
        // 保留你原有的其他Cookie配置（过期时间、SameSite等）
    });

2. 配置Blazor Server的用户上下文传递 #

在注册Blazor服务时，开启Circuit的认证支持，确保SignalR连接能携带用户身份：

// 注册HttpContextAccessor，用于后续获取Cookie
builder.Services.AddHttpContextAccessor();

// 配置Blazor Server
builder.Services.AddServerSideBlazor(options =>
{
    // 启用Circuit级别的认证，让Blazor能获取当前用户信息
    options.CircuitOptions.AuthenticationEnabled = true;
});

3. 配置带Cookie的HttpClient #

Blazor组件内的默认HttpClient不会自动携带用户Cookie，需配置一个Scoped的HttpClient，从当前HttpContext中提取Cookie并添加到请求头：

builder.Services.AddScoped(sp =>
{
    var httpContextAccessor = sp.GetRequiredService<IHttpContextAccessor>();
    var baseUri = new Uri(builder.Configuration["ApiBaseUrl"] ?? "https://localhost:5001/"); // 替换为你的API地址
    
    var httpClient = new HttpClient { BaseAddress = baseUri };
    var cookieContainer = new CookieContainer();

    // 从当前请求上下文提取所有Cookie
    var requestCookies = httpContextAccessor.HttpContext?.Request.Cookies;
    if (requestCookies != null)
    {
        foreach (var cookie in requestCookies)
        {
            cookieContainer.Add(baseUri, new Cookie(cookie.Key, cookie.Value));
        }
    }

    // 将Cookie添加到HttpClient的默认请求头
    httpClient.DefaultRequestHeaders.Add("Cookie", cookieContainer.GetCookieHeader(baseUri));
    return httpClient;
});

4. 调整端点配置 #

确保Blazor Hub的端点配置在认证中间件之后，并允许WebSocket传输：

app.UseRouting();

// 认证中间件必须在Blazor Hub之前
app.UseAuthentication();
app.UseAuthorization();

app.MapControllerRoute(
    name: "default",
    pattern: "{controller=Home}/{action=Index}/{id?}");
app.MapRazorPages();

// 配置Blazor Hub，支持WebSocket和长轮询
app.MapBlazorHub("/_blazor", options =>
{
    options.Transports = HttpTransportType.WebSockets | HttpTransportType.LongPolling;
});

app.MapFallbackToPage("/_Host");

5. 在Blazor组件中使用认证请求 #

在组件中注入HttpClient和AuthenticationStateProvider，即可发起带Cookie的认证请求：

@inject HttpClient HttpClient
@inject AuthenticationStateProvider AuthStateProvider

<div>
    @if (isAuthenticated)
    {
        <p>API响应：@apiResponse</p>
    }
    else
    {
        <p>请先登录</p>
    }
</div>

@code {
    private bool isAuthenticated;
    private string apiResponse = string.Empty;

    protected override async Task OnInitializedAsync()
    {
        // 获取当前用户认证状态
        var authState = await AuthStateProvider.GetAuthenticationStateAsync();
        isAuthenticated = authState.User.Identity.IsAuthenticated;

        if (isAuthenticated)
        {
            // 使用配置好的HttpClient发起请求，自动携带Cookie
            apiResponse = await HttpClient.GetStringAsync("api/values");
        }
    }
}

关键注意事项 #

• 确保_Host.cshtml中包含CascadingAuthenticationState组件，否则AuthenticationStateProvider无法获取用户信息：

  <component type="typeof(CascadingAuthenticationState)" render-mode="ServerPrerendered" />
  

• 若遇到WebSocket连接无法识别用户的问题，检查Cookie的SameSite属性（保持原有配置即可，同项目下SameSite=Lax足够）
• 所有核心业务代码无需修改，完全复用原有Identity与Cookie认证逻辑

内容的提问来源于stack exchange，提问作者Jarrich Van de Voorde