Blazor Server应用中如何通过代码实现Identity登出？

当捕获到DbUpdateConcurrencyException并判定用户已不存在时，可通过以下几种方式实现规范登出：

1. 模拟POST请求调用Identity登出端点 #

Blazor中无法直接使用SignInManager，但可以通过模拟提交POST请求到默认的Logout页面，同时带上CSRF令牌完成登出：

方式一：用HttpClient发送POST请求 #

首先在_Host.cshtml中添加全局JS函数获取CSRF令牌：

function getCsrfToken() {
    return document.querySelector('input[name="__RequestVerificationToken"]')?.value || '';
}

在Blazor组件中注入IJSRuntime、HttpClient、AuthenticationStateProvider和NavigationManager，执行登出逻辑：

private async Task LogoutUser()
{
    // 获取CSRF令牌并添加到请求头
    var csrfToken = await _jsRuntime.InvokeAsync<string>("getCsrfToken");
    _httpClient.DefaultRequestHeaders.Add("RequestVerificationToken", csrfToken);
    
    // 发送登出请求
    await _httpClient.PostAsync("/Identity/Account/Logout", null);
    
    // 刷新认证状态并导航到登录页
    await _authenticationStateProvider.GetAuthenticationStateAsync();
    _navigationManager.NavigateTo("/login", forceLoad: true);
}

方式二：用JS动态创建表单提交 #

直接通过JS构造POST表单并提交，绕开Blazor客户端路由限制：

// 全局JS函数，放在_Host.cshtml中
function submitLogoutForm() {
    const form = document.createElement('form');
    form.action = '/Identity/Account/Logout';
    form.method = 'POST';
    
    // 添加CSRF令牌
    const tokenInput = document.createElement('input');
    tokenInput.type = 'hidden';
    tokenInput.name = '__RequestVerificationToken';
    tokenInput.value = document.querySelector('input[name="__RequestVerificationToken"]').value;
    
    form.appendChild(tokenInput);
    document.body.appendChild(form);
    form.submit();
}

Blazor组件中调用该JS函数：

private async Task ForceLogout()
{
    await _jsRuntime.InvokeVoidAsync("submitLogoutForm");
    // 提交后页面会自动跳转，也可手动强制导航到登录页
    _navigationManager.NavigateTo("/login", forceLoad: true);
}

2. 直接清除客户端认证状态（Blazor Server/WASM通用） #

Blazor Server场景 #

注入AuthenticationStateProvider和IJSRuntime，直接更新认证状态并清除身份Cookie：

private async Task ClearAuthState()
{
    // 通知所有组件认证状态变更为未登录
    await _authenticationStateProvider.NotifyAuthenticationStateChanged(
        Task.FromResult(new AuthenticationState(new ClaimsPrincipal(new ClaimsIdentity()))));
    
    // 清除Identity认证Cookie
    await _jsRuntime.InvokeVoidAsync("deleteAuthCookie");
    
    _navigationManager.NavigateTo("/login", forceLoad: true);
}

对应的JS函数：

function deleteAuthCookie() {
    document.cookie = ".AspNetCore.Identity.Application=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT; SameSite=Lax; Secure";
}

Blazor WASM场景 #

直接清除存储的令牌并更新认证状态：

private async Task LogoutWasm()
{
    // 清除localStorage中的访问令牌
    await _jsRuntime.InvokeVoidAsync("localStorage.removeItem", "access_token");
    
    // 通知认证状态变更
    await _authenticationStateProvider.NotifyAuthenticationStateChanged(
        Task.FromResult(new AuthenticationState(new ClaimsPrincipal(new ClaimsIdentity()))));
    
    _navigationManager.NavigateTo("/login");
}

3. 自定义GET登出端点 #

修改Identity的登出逻辑，支持GET请求，这样Blazor可直接导航到该端点触发登出：

在Identity的AccountController中添加GET版本的Logout方法：

[HttpGet]
public async Task<IActionResult> Logout()
{
    await _signInManager.SignOutAsync();
    return RedirectToPage("/Account/Login");
}

然后在Blazor组件中直接导航：

_navigationManager.NavigateTo("/Identity/Account/Logout", forceLoad: true);

注意：forceLoad: true必须添加，否则Blazor会使用客户端路由，不会触发后端的登出逻辑。

内容的提问来源于stack exchange，提问作者David Thielen