智汀家庭云-开发指南Web(业务功能【设备发现】)

此时,上面设备通讯提到的Websocket通讯就派上用场了。
我们先回忆一下,设备发现的流程:
1.启动设备发现
【智汀家庭云-开发指南Web(业务功能【设备发现】)】智汀智慧首页点击添加设备进入到设备扫描发现页:
设备发现中...
首先根据后端需要发一个Websocket请求一定参数到服务,此时页面UI执行动画扫面展示效果,等待数据返回结果做处理
智汀家庭云-开发指南Web(业务功能【设备发现】)
文章图片

2.设备发现结束后
接收到数据结果信息后根据是否成功展示反馈结果:
? 1)成功有其他设备存在
则如图:
智汀家庭云-开发指南Web(业务功能【设备发现】)
文章图片

2)失败或者不存设备
则如图:
智汀家庭云-开发指南Web(业务功能【设备发现】)
文章图片

3.实现原理代码
在全局vuex已存Websocket方法
智汀家庭云-开发指南Web(业务功能【设备发现】)
文章图片

    推荐阅读