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 连接失败。