javascript - 一个简单的实时人员计数器示例
问题描述
我正在寻找一个简单的人员计数器 webapp 的方向,我需要下个月在非营利组织的一个活动。这个想法是,对于 Covid,场地限制了参加者的数量。我希望有两个助手在他们的智能手机上使用网络浏览器。一个计算进来的人,另一个计算他们出去的人数。显示的数字将随着其他按下而实时更新。
我最初的想法很简单,就像计数和一个大的绿色圆圈来增加,一个红色的圆圈来减少。
这需要是具有某种后端的实时应用程序。我正在考虑使用 node.js,也许还有像 Pusher 这样的服务,但我正在寻找建议。
是否已经存在类似的东西,或者你们中是否有人知道可以轻松修改以将其变成人员计数器的示例项目?虽然我是一名工程师,但我对 Javascript 的危险性了解得足够多,而且我似乎忘记了使用它之间的一切。谢谢,克里斯
解决方案
是的,您需要一些后端来跟踪和同步两个页面。需要注意的一件事是,当两个人都尝试更新同一事物时,可能会出现竞争条件。
从概念上讲,您的应用程序可以是 Node.JS 后端 + vanilla JS 或前端的 React 应用程序。BE 将通过 websockets 连接到 FE,以将更改从 BE 推送到 FE。
推荐阅读
- mysql - Bash 中是否有任何 WORDCHARS 替代品?
- php - Xdebug Does Not Log Anything to Configured Log File
- javascript - How to align the labels on a circular axis with amCharts 4?
- ios - query with Fetch Request using CoreData on Swift
- c# - Changing the style of a border inside data template for the listbox item based on the alterationindex
- amazon-web-services - AWS CDK:Api 网关终端节点无法生成
- git - 我想将代码从本地存储库推送到两个不同的存储库
- swift - 当我制作自定义按钮和文本字段(以及其他 UI)时,如何找出我需要添加的属性并找出如何编写它们
- c# - 为什么身份验证 Cookie 对 [Authorize] 属性不起作用?
- airflow - 如何使用 xcom 在气流 SSHOperator 任务之间传递输出数据?