Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 简单的实时人员计数器示例_Javascript_Node.js_Web Applications_Real Time_Pusher - Fatal编程技术网

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

Javascript 简单的实时人员计数器示例,javascript,node.js,web-applications,real-time,pusher,Javascript,Node.js,Web Applications,Real Time,Pusher,我正在寻找一个简单的人计数器网络应用程序的一些方向,我需要在一个非营利的活动下个月。其想法是,对于新冠疫情而言,场馆限制了参会人数。我想让两个助手在任何一个门上,在他们的智能手机上安装网络浏览器。一个数进来的人,另一个数出去的人。显示的数字将在其他按键时实时更新 我最初的想法就像计数一样简单,一个大的绿色圆圈表示递增,一个红色圆圈表示递减 这需要是一个具有某种后端的实时应用程序。我曾考虑过使用node.js和Pusher之类的服务,但我正在寻求建议 像这样的一个项目已经存在了吗?或者你们中的任何

我正在寻找一个简单的人计数器网络应用程序的一些方向,我需要在一个非营利的活动下个月。其想法是,对于新冠疫情而言,场馆限制了参会人数。我想让两个助手在任何一个门上,在他们的智能手机上安装网络浏览器。一个数进来的人,另一个数出去的人。显示的数字将在其他按键时实时更新

我最初的想法就像计数一样简单,一个大的绿色圆圈表示递增,一个红色圆圈表示递减

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


像这样的一个项目已经存在了吗?或者你们中的任何人都知道一个可以很容易地修改的示例项目,将其变成一个人员计数器吗?虽然我是一名工程师,但我对Javascript的了解足以构成危险,而且似乎在使用它之间我忘记了一切。谢谢,Chris是的,您需要一些后端来跟踪和同步两个页面。需要注意的一点是,当两个人都试图更新同一件事情时,可能会出现种族状况


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

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