对所有用户保持活动状态的按钮单击

Question

寻找一些我面临的问题的帮助，我正在处理一个项目，我们有一个包含状态按钮的页面，例如满、空、半满等，这些旨在显示状态卡车通过多个系统时，许多人中的一个人可以选择一个按钮，它应该在所有屏幕上更新。

所以是这样的。

卡车进入第一阶段，用户点击页面第一阶段部分的按钮，然后显示给所有在互联网上浏览该网站的人。

我目前没有代码，因为它仍在计划中。

我不知道实现这一目标的最佳方法，所以任何帮助都将不胜感激。

谢谢

Answer 1

编辑：或者，使用 WebSockets，它通过允许服务器和客户端以两种方式交互来解决我在下面描述的问题。 Have a link!

---

从服务器和客户端的角度考虑 Web 应用程序。服务器无法发送请求；只有客户端可以向服务器发送请求，服务器可以响应这些请求。

在您的应用程序中，服务器应始终跟踪所有按钮的状态（例如，它们是否被按下）。每当客户端按下按钮时，它都会向服务器发送请求，服务器现在知道要更改状态。

现在的问题是将这个新状态发送给所有其他客户端。由于服务器只能响应请求，而不是发起请求，这意味着我们所有的其他客户端必须始终等待来自服务器的响应。

因此，解决方案是让每个客户端不断地向服务器发出未答复的请求。每当服务器响应时，立即发回另一个请求（预期下一次状态更改）。

切线：这是有多少实时聊天应用程序在工作，包括 Facebook 聊天。如果您在控制台上打开开发人员工具，您实际上可以看到您的浏览器正在发送和等待请求。