如何跟踪我网站用户的在线状态？

Question

我想跟踪当前在线的用户。

在线的定义是当他们位于网站的索引页面上时 有聊天功能。

到目前为止，我能想到的就是为用户设置一个 cookie，当下次访问时找到 cookie 时，会进行 ajax 调用来更新表，其中包含用户名、在线状态和时间。

现在我真正的问题是，当他们离开时，我如何可靠地将他们的状态关闭 网站？ 我唯一能想到的就是设置没有用户交互的预定时间，然后将状态设置为关闭。

但我真正想要的是，只要他们在网站上，无论有或没有交互，都保持状态打开，只有当他们离开网站时才变为关闭。

Answer 1

完整的解决方案。 从开始到结束。

如果您只想在 index.php 页面上执行此操作，则可以异步向服务器发送更新（AJAX 样式），提醒服务器 $_SESSION["userid"] 仍然在线。

setInterval("update()", 10000); // Update every 10 seconds

function update() {
  $.post("update.php"); // Sends request to update.php
}

您的 update.php 文件将包含一些如下代码：

session_start();
if ($_SESSION["userid"])
  updateUserStatus($_SESSION["userid"]);

这一切都假设您在用户登录您的网站时将您的用户 ID 存储为会话变量。 updateUserStatus() 函数只是一个简单的查询，如下所示：

UPDATE users 
SET lastActiveTime = NOW()
WHERE userid = $userid

这样就可以处理您的存储。 现在检索“在线”用户的列表。 为此，您需要另一个 jQuery 调用和另一个 setInterval() 调用：

setInterval("getList()", 10000) // Get users-online every 10 seconds

function getList() {
  $.post("getList.php", function(list) {
    $("listBox").html(list);
  });
}

该函数每 10 秒从服务器请求一些 HTML。 getList.php 页面将如下所示：

session_start();
if (!$_SESSION["userid"])
  die; // Don't give the list to anybody not logged in

$users = getOnlineUsers(); /* Gets all users with lastActiveTime within the
                              last 1 minute */

$output = "<ul>";
foreach ($users as $user) {
  $output .= "<li>".$user["userName"]."</li>";
}
$output .= "</ul>";

print $output;

这将输出以下 HTML：

<ul>
  <li>Jonathan Sampson</li>
  <li>Paolo Bergantino</li>
  <li>John Skeet</li>
</ul>

该列表包含在名为“list”的 jQuery 变量中。 回头看看我们的最后一个 jQuery 块，您会在那里看到它。

jQuery 将获取此列表，并将其放置在类名为“listBox”的 div 中。

<div class="listBox"></div>

希望这能让你继续前进。

Answer 2

在一般情况下，无法知道用户何时离开您的页面。

但是您可以在幕后做一些事情，以便它们在页面上时经常从您的服务器加载某些内容，例如。 通过加载 以及每分钟重新加载的一些内容：

<meta http-equiv="refresh" content="60">

这将导致一些小的额外服务器负载，但它会执行您想要的操作（如果不是到第二个）。

Answer 3

那么，聊天功能如何运作呢？ 它是一个基于ajax的聊天系统吗？

基于 Ajax 的聊天系统的工作方式是客户端不断地访问聊天服务器以查看队列中是否有新消息。 如果是这种情况，您可以在 cookie 或 PHP 会话中更新用户的在线状态（当然，假设您使用的是 PHP）。 然后您可以将在线超时设置为比更新频率稍长的值。

也就是说，如果您的聊天系统通常每 5 秒向服务器请求一次新消息，那么您可以假设任何在 10-15 秒内未发送请求的用户都不再在聊天页面上。

如果您没有使用基于 ajax 的聊天系统（可能是 Java 或其他系统），那么您仍然可以通过添加定期向服务器发出的 ajax 请求来确定用户是否在线来完成相同的操作。

我不建议将此在线状态信息存储在数据库中。 每隔几秒钟查询一次数据库以查看谁在线、谁不在线，这非常消耗资源，尤其是在大型站点的情况下。 您应该缓存此信息并在缓存（非常快）和数据库（相比之下非常慢）上进行操作。

Answer 4

问题被标记为“jquery” - javascript 解决方案怎么样？ 您可以使用 meta/refresh 而不是 window.setInterval()，执行 ajax 请求并提供一些“有用”的东西，例如更新了“谁在线”列表（如果您认为有用;-））

Answer 5

我还没有尝试过这个，所以对此持保留态度：为 window.onunload 设置一个事件处理程序，当用户离开页面时通知服务器。 这样做的一些问题是 1.) 如果浏览器或计算机崩溃，该事件不会触发，2.) 如果用户打开索引页的两个实例并关闭一个，它们将显示为注销，除非您实现引用计数。 就其本身而言，这并不稳健，但与 Jonathan 的轮询方法相结合，应该可以让您拥有相当好的响应时间和更大的更新间隔。

Answer 6

最终的解决方案是使用 websocket 来实现一些东西。