使用HTTP-only会话Cookie时，AngularJS SPA如何感知会话过期并自动关闭？

这确实是个常见的痛点——HTTP-only Cookie的安全性优势就是不让前端直接读取它的过期时间，但这也给你的AngularJS SPA监控会话状态带来了麻烦。结合你的AngularJS + Web API/SignalR/Owin技术栈，我有几个实用的方案推荐：

方案1：后端同步返回会话过期时间 #

每次用户登录成功，或者滑动刷新会话（比如触发Owin的滑动过期机制后），后端除了设置HTTP-only会话Cookie，还可以在响应体中额外返回会话的绝对过期时间或者剩余有效期。

• 前端把这个时间存在内存变量里（别用localStorage/sessionStorage，避免和Cookie会话不同步，内存存储更契合会话的临时特性）。
• 用AngularJS的$interval服务定时检查剩余时间，比如每10秒检查一次，当剩余时间不足预设阈值（比如10秒）时，触发应用关闭逻辑。
• 关键细节：每次成功的API请求都会触发滑动过期，所以要在API响应拦截器里检查是否有更新的过期时间字段，有的话立刻更新前端内存里的过期时间，保证前后端状态一致。

示例伪代码（AngularJS端）：

// 登录成功后存储过期时间
$http.post('/api/auth/login', credentials)
  .then(response => {
    $rootScope.sessionExpiresAt = new Date(response.data.sessionExpiresAt);
    startSessionMonitor();
  });

// 会话监控函数
function startSessionMonitor() {
  $interval(() => {
    const now = new Date();
    const timeUntilExpire = $rootScope.sessionExpiresAt - now;
    if (timeUntilExpire <= 0) {
      closeApp();
    }
  }, 10000); // 每10秒检查一次
}

// API响应拦截器，更新过期时间
app.factory('sessionUpdateInterceptor', ['$rootScope', function($rootScope) {
  return {
    response: function(response) {
      if (response.data && response.data.sessionExpiresAt) {
        $rootScope.sessionExpiresAt = new Date(response.data.sessionExpiresAt);
      }
      return response;
    }
  };
}]);

方案2：利用SignalR主动推送过期通知 #

既然你已经在用SignalR，这其实是最可靠的方案——后端可以主动掌控会话状态，在会话即将过期或已过期时推送给前端。

• 实现思路：
  1. 在Owin中监听会话过期事件，或者在滑动过期更新时记录当前会话的过期时间，并将SignalR连接ID与用户会话关联起来。
  2. 当会话快要过期（比如提前30秒），后端通过SignalR向前端推送「即将过期」的消息；如果会话已过期，直接推送「已过期」消息。
  3. 前端SignalR客户端收到消息后，立刻执行关闭应用的逻辑。
• 这个方案的优势是不需要前端自己计时，完全由后端驱动，准确性极高，尤其适合滑动过期频繁触发的场景。

方案3：定时API心跳检测 #

如果暂时不想改动SignalR或后端响应逻辑，可以用轻量的心跳请求来检测会话状态：

• 前端每隔一段时间（比如30秒）发起一个无状态的API请求，比如GET /api/session/status，后端检查当前会话是否有效，返回剩余有效期或者直接告知是否已过期。
• 如果后端返回会话已过期，前端立刻执行关闭逻辑；如果返回剩余时间，就更新前端的本地计时。
• 缺点是会增加额外的HTTP请求，但胜在实现简单，不需要依赖SignalR。

额外注意事项 #

• 关闭应用的逻辑要彻底：清空内存中的用户信息、销毁AngularJS根作用域的会话状态、跳转到登录页；如果是弹窗式应用，可以尝试window.close()（注意浏览器对这个方法的限制，通常只允许关闭由window.open打开的窗口）。
• 滑动过期场景下，一定要保证前后端的过期时间同步，避免前端误判会话状态。

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