此时,上面设备通讯提到的Websocket通讯就派上用场了。
我们先回忆一下,设备发现的流程:
1.启动设备发现
智汀智慧首页点击添加设备进入到设备扫描发现页:
设备发现中...
首先根据后端需要发一个Websocket请求一定参数到服务,此时页面UI执行动画扫面展示效果,等待数据返回结果做处理
2.设备发现结束后
接收到数据结果信息后根据是否成功展示反馈结果:
1)成功有其他设备存在
则如图:
2)失败或者不存设备
则如图:
3.实现原理代码
在全局vuex已存Websocket方法
此时,上面设备通讯提到的Websocket通讯就派上用场了。
我们先回忆一下,设备发现的流程:
智汀智慧首页点击添加设备进入到设备扫描发现页:
设备发现中...
首先根据后端需要发一个Websocket请求一定参数到服务,此时页面UI执行动画扫面展示效果,等待数据返回结果做处理
接收到数据结果信息后根据是否成功展示反馈结果:
1)成功有其他设备存在
则如图:
2)失败或者不存设备
则如图:
在全局vuex已存Websocket方法
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。