如何设置和跟踪用户的在线状态

Question

我将 Angular 与 ui-router 一起使用。我想捕捉用户是否在线，以向他们在网站上连接的人显示他们的状态。我查看了 $stateChangeStart 事件等，但它似乎并没有涵盖浏览器是否关闭。

当用户在应用中时设置用户状态并在用户离开时更改为离线状态的最佳方法是什么？

非常感谢。

Answer 1

这取决于您使用的后端，例如可以建立套接字连接，当断开连接时，服务器会知道这一点。或者它可以是每分钟向 url 发送一个查询并且服务器将 last_visit_datetime 写入用户的函数。或基于 cookie 的解决方案。

Answer 2

您可以在$window 服务上监听onbeforeunload 事件。

angular.module('app').controller('controller', [
            '$window',
    function($window) {
        $window.onbeforeunload = function () {
            // Do stuff
        }
    }
]);