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

Question

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

就像这样。

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

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

我很难实现这一目标，所以任何帮助都会受到赞赏。

由于

Answer 1

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

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

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

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

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

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