uniapp小程序webSocket封装、断线重连、心跳检测

Posted 2023-03-14

参考技术A

最近在做 IOT 的项目，里面有个小程序要用到 webSocket ，借这个机会，封装了一个 uniapp小程序 适用的 Socket 类，包括断线重连，心跳检测等等，具体实现如下。

直接实例化封装的 socket 类，调用 initSocket 初始化就行了，当收到消息的时候，会触发全局 $emit 事件，只需要使用 $on 监听 message 事件就行。

我这边在 globalData 里面定义了 socketObj 全局变量，在首页 onShow 生命周期里面判断当前是否已经初始化了 socket 实例，再进行操作。

home.vue

断线会自动重连。

如果看了觉得有帮助的，我是@ 鹏多多11997110103 ，欢迎 点赞 关注 评论；
END

往期文章

个人主页