首页 > 解决方案 > 一个简单的实时人员计数器示例

问题描述

我正在寻找一个简单的人员计数器 webapp 的方向,我需要下个月在非营利组织的一个活动。这个想法是,对于 Covid,场地限制了参加者的数量。我希望有两个助手在他们的智能手机上使用网络浏览器。一个计算进来的人,另一个计算他们出去的人数。显示的数字将随着其他按下而实时更新。

我最初的想法很简单,就像计数和一个大的绿色圆圈来增加,一个红色的圆圈来减少。

这需要是具有某种后端的实时应用程序。我正在考虑使用 node.js,也许还有像 Pusher 这样的服务,但我正在寻找建议。

是否已经存在类似的东西,或者你们中是否有人知道可以轻松修改以将其变成人员计数器的示例项目?虽然我是一名工程师,但我对 Javascript 的危险性了解得足够多,而且我似乎忘记了使用它之间的一切。谢谢,克里斯

标签: javascriptnode.jsweb-applicationsreal-timepusher

解决方案


是的,您需要一些后端来跟踪和同步两个页面。需要注意的一件事是,当两个人都尝试更新同一事物时,可能会出现竞争条件。

从概念上讲,您的应用程序可以是 Node.JS 后端 + vanilla JS 或前端的 React 应用程序。BE 将通过 websockets 连接到 FE,以将更改从 BE 推送到 FE。


推荐阅读