websocket - 与两台服务器交互的网页

Question

我有一个由动态和静态内容混合组成的网页。

我所说的static是指布局、标签、按钮、文本字段、表格等。换句话说，就是页面的可视化组件。

通过动态，我的意思是显示为标签和表格中的值通过 websockets 连接自动更新。更具体地说，与服务器的这种交互由实现 websockets 协议的 Javascript 库处理。

在这种情况下，一个逻辑设置是让两台服务器为页面提供服务：一台返回上述所有静态部分，另一台返回变化的值。

问题是，我应该如何实现这个设置/设计？它是纯粹在前端代码中完成的（例如 HTML 加 Javascript），还是需要在前端和后端都设置？

Answer 1

不确定您在寻找什么，但这是现代 Web 应用程序的一种选择：

通过 WebSocket 连接后端的单网页应用程序。

所有静态内容（HTML、CSS、JS、Imgs、..）都可以从普通的旧 Web 服务器、CDN 提供，甚至可以打包到 ZIP 中作为 Web 小部件。

与后端的所有交互都是通过 WebSocket 进行的。交互可能会使用更高级别的消息传递模式，例如 RPC 和 PubSub。

这种应用程序的设计方法可以是 Model-View-Presenter，在客户端前端使用 View 和 Presenter，在后端使用模型。