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

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

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

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

home.vue

断线会自动重连。

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

END

往期文章

个人主页

嗯，先不要求程序，你先搭建电路，方案有好几种，有一种比较简单的给你参考一下。

压电陶瓷片可以对低频敏感（焊接要注意，镀层很容易掉，最好用导电胶粘接），可以用于检测心跳，贴在胸口就行，线路引出来，但是这个电压低得很，毫伏级别，你需要找个运算放大器把信号放大，用OP07比较合适，对微弱信号敏感噪声低，经过一级放大后电压可能还低，再找一片OP07做第二级发当，然后后面接一个LM393电压比较，当然你还需要一个电压基准源，超过这个电压则输出1，等于心脏跳了一下，然后你只需要根据两次之间的时间就能算出来一分钟的心跳，不需要检测一分钟，时间测定用51的T0定时器就行了。

祝你成功！

1、服务器端运行一个常驻线程，用于实时检查在线列表中，是否存在超时用户，有的话，就做相应处理，并将用户从在线列表中删除

2、用户登陆成功后，在客户端用JavaScript，使用定时器，每间隔固定时间（比如20秒），通过Ajax异步发送请求服务器某个页面，或者WebService之类的接口。这就是所谓的心跳请求。

3、服务器收到用户的心跳请求后，更新用户最后一次联系服务器的时间。

这样服务器检查超时的时候，实际上就可以把当前时间，减去用户最后一次联系服务器的时间，如果超过一个指定值，比如1分钟，那就认为这个用户离线了。

PS：原理很简单，但要设计一个高效的机制，还是要多考虑实现的算法，特别是服务器端的在线列表，和检查超时的机制。我曾经在几年前做了一个实现，后来重写了N遍，才发现了一个相对比较合理的方法。

---