LiveUser

欢迎使用我们的实时在线人数服务!这个服务可以让你在你的网站上显示当前在线人数。无论是简单的嵌入,还是自定义配置,都能方便地进行设置。

Demo

当前在线人数:

最简单的方式

只需在页面中插入以下脚本标签即可实现实时在线人数的显示:

<div id="liveuser">加载中...</div>
<script src="https://liveuser.030101.xyz/main.js"></script>

这样就会自动使用当前页面的主机名作为 sessionId,并展示对应的在线人数。

页面上需要有一个带 id="liveuser" 的元素,系统会自动更新此元素的内容,显示当前的在线人数。

自定义 sessionId 的方式

如果你想为不同的页面或会话使用自定义的 sessionId,可以按照以下方式进行设置:

<div id="liveuser">加载中...</div>
<script src="https://liveuser.030101.xyz/main.js?sessionId=cmliu"></script>

只需在 URL 中添加 sessionId 参数即可,例如上面的 sessionId=cmliu,可以根据实际需要替换为其他值。

注意事项

  • 如果你使用自定义的 sessionId,请确保该值在服务器端和客户端保持一致。
  • 每次页面加载时,WebSocket 会自动连接到服务器,并每 5 秒更新一次在线人数。
  • 确保网络连接正常,以免 WebSocket 连接失败。