如何实现ASP.NET Core+Angular项目多浏览器全局登出功能？

问题背景 #

后端基于ASP.NET Core Web API开发，前端使用Angular 15。同一用户在Firefox、Edge、Chrome等多个浏览器登录站点后，调用Microsoft.AspNetCore.Identity.SignOutAsync仅能登出发起请求的浏览器，无法实现类似Gmail、WhatsApp的全设备同步登出效果。当前JWT相关配置如下：

builder.Services.AddAuthentication("Bearer")
.AddJwtBearer("Bearer", options =>
{
    options.Authority = 
    builder.Configuration["IdentityServer:Authority"];
    options.TokenValidationParameters = new TokenValidationParameters
    {
        ValidateAudience = false
    };
});

核心思路 #

JWT本身是无状态令牌，默认无法主动失效，要实现全设备登出，必须引入令牌黑名单机制，结合前端状态监控完成跨设备同步。

具体实现步骤 #

1. 后端搭建令牌黑名单系统 #

• 在数据库中创建令牌记录表，核心字段包括：UserId（关联用户ID）、Jti（JWT的唯一标识，对应令牌jti字段）、ExpiresAt（令牌过期时间）、IsRevoked（是否已吊销）。
• 用户登录生成JWT后，将jti、用户ID、过期时间存入表中，标记IsRevoked为false。
• 登出接口逻辑：
  • 单浏览器登出：标记当前请求令牌的jti为IsRevoked=true；
  • 全设备登出：将该用户所有未过期且未吊销的令牌批量标记为IsRevoked=true；
• 添加自定义中间件或授权过滤器，每次验证JWT时，先校验令牌jti是否在黑名单中（IsRevoked=true且未过期），是则直接返回401未授权。

2. 前端同步处理 #

• 给Angular添加全局HTTP拦截器，捕获接口返回的401状态码，自动清除本地存储的JWT令牌，跳转至登录页面。
• 可选实时同步方案：通过WebSocket或Server-Sent Events（SSE）建立前后端长连接，当用户发起全设备登出时，后端主动推送通知给该用户的所有在线前端实例，前端收到通知后立即清除令牌并跳转。

3. 过期令牌清理 #

定期（如每日）清理数据库中已过期的令牌记录，避免数据冗余，可通过Hangfire或ASP.NET Core内置定时任务实现。

性能优化建议 #

• 将高频访问用户的吊销令牌列表缓存到Redis中，减少数据库查询开销；
• 若使用IdentityServer，可扩展其令牌验证逻辑，直接集成黑名单校验，无需手动处理令牌存储流程。

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