#优质博文 #前端 #工程化 #ws #websocket
站点的实时人数是如何实现的？

AI 摘要：这篇文章介绍了如何实现网站实时在线人数的功能，包括当前正在阅读某篇文章的人数。作者选择了 WebSocket技术，使用 Socket.IO （WebSocket 的上层封装） 进行实现。实时人数统计基于 WebSocket 连接数，但为避免重复计数（同一用户打开多个页面），采用了在客户端生成唯一 SessionId 的方法，并将其存储在 LocalStorage 中。服务端则通过传递的 SessionId 进行去重，确保在线人数的准确性。此外，文章还详细讨论了如何利用 Socket.IO 的 Room 功能实现文章实时阅读人数的统计和读者阅读进度的实时展示。所有实现代码均已开源。

via innei

cn.innei.ren

站点的实时人数是如何实现的？

经常光顾我站的读者应该都看到过我站底部有显示当前在线的人数。在不久之前我还为其增加了显示当前正在阅读具体哪篇文章的人数排行，并且在具体的某篇文章左侧增加时间线，用于展示当前所有正在阅读此文章的读者阅读进度。 如果你看过我站的开源项目的话大概知道此站是由 Mix Space 驱动的，既然已经需要