一个简单的实时人员计数器示例

问题描述

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

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

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

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

解决方法

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

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