此时,下面设施通信提到的Websocket通信就派上用场了。
咱们先回顾一下,设施发现的流程:
1.启动设施发现
智汀智慧首页点击增加设施进入到设施扫描发现页:
设施发现中...
首先依据后端须要发一个Websocket申请肯定参数到服务,此时页面UI执行动画扫面展现成果,期待数据返回后果做解决
2.设施发现完结后
接管到数据后果信息后依据是否胜利展现反馈后果:
1)胜利有其余设施存在
则如图:
2)失败或者不存设施
则如图:
3.实现原理代码
在全局vuex已存Websocket办法
此时,下面设施通信提到的Websocket通信就派上用场了。
咱们先回顾一下,设施发现的流程:
智汀智慧首页点击增加设施进入到设施扫描发现页:
设施发现中...
首先依据后端须要发一个Websocket申请肯定参数到服务,此时页面UI执行动画扫面展现成果,期待数据返回后果做解决
接管到数据后果信息后依据是否胜利展现反馈后果:
1)胜利有其余设施存在
则如图:
2)失败或者不存设施
则如图:
在全局vuex已存Websocket办法