【问题标题】:Example of a simple real-time People Counter一个简单的实时人员计数器示例
【发布时间】:2021-03-30 18:36:01
【问题描述】:

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

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

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

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

【问题讨论】:

  • 如果两个人一起数,你肯定需要一台服务器。然后只需使用 socket.io 在服务器和客户端之间进行通信。你想做的应用程序基本上是一个非常原始的聊天,用户 A 只说“-1”,用户 B 只说“+1”。每次他们这样做时,服务器都会回复新号码,并将其发送给两个客户端。
  • 感谢 Chris,聊天应用程序是一种有趣的看待方式,但这完全有道理。

标签: javascript node.js web-applications real-time pusher


【解决方案1】:

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

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

【讨论】:

  • @chrisindallas,如果有帮助,请接受我的回答:)
猜你喜欢
  • 2020-01-20
  • 2011-04-23
  • 1970-01-01
  • 1970-01-01
  • 2018-01-19
  • 2012-03-03
  • 1970-01-01
  • 2010-11-14
相关资源
最近更新 更多