角度会话超时和管理

Question

有没有办法使用Angularjs管理用户会话？我的意思是::

• 会话超时 - 系统空闲时.
• 会话即将到期时发出警报,并提供恢复会话的选项.
• 在会话过期时尝试发出请求时重定向(或任何其他操作).

可能是拦截器解决这个问题的一个好方法吗？你能提供一个例子吗？

提前致谢.

Answer 1

尝试ng-idle.它是一个简单的组件,您可以在达到超时之前设置超时和警告时间.然后,您可以查询服务器以进行用户注销或类似的操作.

myApp.config(function(IdleProvider, KeepaliveProvider) {
  IdleProvider.idle(900); // 15 min
  IdleProvider.timeout(60);
  KeepaliveProvider.interval(600); // heartbeat every 10 min
  KeepaliveProvider.http('/api/heartbeat'); // URL that makes sure session is alive
});

myApp.run(function($rootScope, Idle) {
  Idle.watch();
  $rootScope.$on('IdleStart', function() { /* Display modal warning or sth */ });
  $rootScope.$on('IdleTimeout', function() { /* Logout user */ });
});

在上述配置中,当用户空闲900秒(不移动鼠标,按任意键或按钮等)时,正在显示警告.然后它将等待60秒并注销用户(向可能破坏服务器会话的服务器发送请求).

为了确保服务器会话不会过期(即使用户正在做的一切都是移动鼠标),Keepalive服务将每10分钟向服务器发送一个请求.此时间必须小于服务器会话到期时间.

查看演示.

Answer 2

以下是一些实现：

https://github.com/witoldsz/angular-http-auth

https://github.com/angular-app/angular-app/tree/master/client/src/common/security