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

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

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

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

home.vue

断线会自动重连。搭衡

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

END

往期文章

个人主页

传统的web服务都是客户端主动连接，服务器被动等待。而webSocket可以实现真正的双向通信，可以实现这种功能：有多个用户连接后端服务，每个用户向后端发送的信息都会实时发送给其它用户。枣吵旁

创建一个 WebSocket 连接，主动发起连接。

监听 WebSocket 连接打开事件。当连接创建成功，执凳橡行回调函数

通过 WebSocket 连接发送数据。需碰扒要先 wx.connectSocket，并在 wx.onSocketOpen 回调之后（连接创建）才能发送。

监听 WebSocket 接受到服务器的消息事件

在小程序开发过程中，经常需要 消息推送 、 即时族梁通讯 的功能支持，小程序提供了WebSocket的接兆纯运口以满足以上需求，今天我们就来讲讲小程序中的WebSocket接口的使用

一般情况下使用WebSocket使用是这样的

那如果我们想同时建立多个Socket连接该怎么办？裤嫌接着往下看

这里必须用到 SocketTask 接口，通过 wx.connectSocket() 接口创建返回

这样就可以实现多个websocket同时通信啦，不过有一点要注意

好啦，以上就是我本次分享的全部内容啦，如果你觉得我的文章对你有一丢丢帮助，那么请不要吝啬你的赞