是否可以“流式传输”本地控制的 Vue.js 页面，以便所有设备共享相同的状态？

Question

我正在制作一个简单的提词器应用程序，其想法是通过本地 PC 控制它，但在从我的平板电脑访问页面时具有相同的视图/Vuex 状态。所以，相同的页面，相同的状态，多个设备。

我是否正确理解唯一的方法是将所有突变请求复制到服务器，将它们保存到数据库，监控数据库中的更改，并将它们复制到“客户端”设备上？

我总是可以将屏幕图像作为视频分享，所以这个问题是理论上的，任何想法都可以:)

附：类似问题：Recommended strategy to sync vuex state with server.

Answer 1

当然可以。以下是 3 种大胆的方法：

1. 服务器作为存储。我假设两个设备都使用相同的用户 ID 登录。每个设备都有一个到服务器的套接字连接。每当一台设备更改其状态时，它就会将其发送到服务器，然后服务器将此状态中继到所有连接的设备。
2. 服务器作为代理。两个设备都使用服务器创建直接套接字连接。一个客户端将其所有更改直接发送给另一个客户端。
3. 通过 webRTC 直接 P2P。两个客户端建立直接的客户端到客户端连接。