向客户端发送实时数据:websockets是最好的选择(Vuex&Socket.io吗?

时间:2019-01-29 05:19:34

标签: socket.io vuex

我正在尝试为我一直在使用的webApp设置前端UI,并在进一步进行操作之前有一个澄清性问题。

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

现在,移到最前端,我觉得我在抨击我的标题,首先是尝试学习反应,然后才是提示。我要拥有的UI的第一个功能是不断查看浏览器中表格中显示的传感器数据。

我应该使用API​​ http请求从服务器调用此数据还是使用websocket发送它?

花了几个小时尝试将vue连接到服务器上打开的插座后,我想检查一下我是否只是朝错误的方向开始?

谢谢!

1 个答案:

答案 0 :(得分:0)

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

只需创建一个vuex action即可commit将您的数据存储到存储中。使用哪个websocket工具并不重要。他们中大多数人的工作原理完全相同。当新数据发送到前端时,很可能会触发一个回调函数。您可以在此处调用vuex action并传递数据。如果您可以使用一些示例代码来编辑问题,那么我可以为您提供更多详细信息。

只需进行一些介绍

1)打开Websocket与后端服务的连接

2)创建动作以保存数据以通过突变存储

3)指定websocket回调函数以调用操作