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

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

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

1.启动设备发现

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

设备发现中...

首先根据后端需要发一个Websocket请求一定参数到服务,此时页面UI执行动画扫面展示效果,等待数据返回结果做处理
智汀家庭云-开发指南Web:业务功能【设备发现】_第1张图片

2.设备发现结束后

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

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

则如图:

智汀家庭云-开发指南Web:业务功能【设备发现】_第2张图片

2)失败或者不存设备

则如图:

智汀家庭云-开发指南Web:业务功能【设备发现】_第3张图片

3.实现原理代码

在全局vuex已存Websocket方法
智汀家庭云-开发指南Web:业务功能【设备发现】_第4张图片

你可能感兴趣的:(智汀家庭云-开发指南Web:业务功能【设备发现】)