此时,上面设备通讯提到的Websocket通讯就派上用场了。

我们先回忆一下,设备发现的流程:

1.启动设备发现

智汀智慧首页点击添加设备进入到设备扫描发现页:

设备发现中...

首先根据后端需要发一个Websocket请求一定参数到服务,此时页面UI执行动画扫面展示效果,等待数据返回结果做处理
image.png

2.设备发现结束后

接收到数据结果信息后根据是否成功展示反馈结果:

​ 1)成功有其他设备存在

则如图:

image.png

2)失败或者不存设备

则如图:

image.png

3.实现原理代码

在全局vuex已存Websocket方法
image.png


已注销
28 声望24 粉丝