socket.io - 向客户端发送实时数据：websockets 是最佳选择吗（Vuex 和 Socket.io？

Question

我正在尝试为我一直在开发的 webApp 设置前端 UI，并在继续之前有一个澄清问题。

现在我有多个传感器单元将数据流式传输到服务器，服务器将其保存到数据库中，然后设置一个粗略的 api，稍后扩展，与服务器和数据库接口。

现在，转到前端，我觉得我是在抨击我的标题，首先尝试学习 react，然后再学习 vue。我想要的 UI 的第一个功能是在浏览器的表格中不断查看传感器数据。

我应该使用 API http 请求从服务器调用这些数据还是使用 websockets 发送它？

在花了几个小时试图让 vue 连接到服务器上打开的套接字后，我想检查一下我是否只是在寻找错误的方向？

谢谢！

标签： socket.iovuex

Answer 1

最好创建一个 websocket 连接，因为您的数据在不断变化。你绝对是在正确的轨道上。

只需创建一个vuex action将commit您的数据存储到存储中。您使用哪个 websocket 工具并不重要。他们中的大多数人的工作方式完全相同。当新数据发送到前端时，很可能会触发一个回调函数。这是您调用vuex action并传递数据的地方。如果您可以使用一些示例代码编辑您的问题，我可以为您提供更详细的帮助。

只是一些它：

1）打开Websocket连接到后端服务

2）创建将通过突变保存数据以存储的操作

3) 指定websocket回调函数调用action