简述制作网站的步骤和过程,wordpress内网外网访问不了,网站如何做seo优化教程,汕头网页制作公司前言在16年的时候因为项目接触到websocket#xff0c;而后对心跳重连做了一次总结#xff0c;写了篇博客#xff0c;而后18年对之前github上的demo代码进行了再次开发和开源#xff0c;最终封装成库。如下#xff1a;博客#xff1a;https://www.cnblogs.com/1wen/p/5808…前言在16年的时候因为项目接触到websocket而后对心跳重连做了一次总结写了篇博客而后18年对之前github上的demo代码进行了再次开发和开源最终封装成库。如下博客https://www.cnblogs.com/1wen/p/5808276.htmlgithub: https://github.com/zimv/websocket-heartbeat-jsnpm: https://www.npmjs.com/package/websocket-heartbeat-js在2020年也就是今年初同事建议说可以考虑兼容一下小程序心想也挺好的。便有了今天的 websocket-heartbeat-miniprogram这次基于以前的代码新建了一个项目只做小程序的版本因为涉及到各种小程序以及相关框架的兼容觉得还是单独出一个包更专注一点。介绍websocket-heartbeat-miniprogram基于小程序的websocket相关API进行封装主要目的是保障客户端websocket与服务端连接状态。该程序有心跳检测及自动重连机制当网络断开或者后端服务问题造成客户端websocket断开程序会自动尝试重新连接直到再次连接成功。兼容市面上大部分小程序微信百度支付宝等只要都是统一的小程序weboscket-API规范。也支持小程序框架比如Taro等。无论如何业务是需要一层心跳机制的否则一些情况下会丢失连接导致功能无法使用。用法安装1npm install --save websocket-heartbeat-miniprogram引入使用import WebsocketHeartbeat from websocket-heartbeat-miniprogram;
WebsocketHeartbeat({miniprogram: wx,connectSocketParams: {url: ws://xxx}
}).then(task {task.onOpen () {//钩子函数console.log(open);};task.onClose {//钩子函数console.log(close);};task.onError e {//钩子函数console.log(onError, e);};task.onMessage data {//钩子函数console.log(onMessage, data);};task.onReconnect () {//钩子函数console.log(reconnect...);};task.socketTask.onOpen(data {//原生实例注册函数重连后丢失console.log(socketTask open);});task.socketTask.onMessage(data {//原生实例注册函数重连后丢失console.log(socketTask data);});})
本程序内部总是使用小程序connectSocket方法进行socket连接如果socket断开本程序内部会再次执行小程序的connectSocket方法以此来重新建立连接重连都会建立新的小程序socket实例。WebsocketHeartbeat方法返回一个promise返回的task对象是本程序的一个实例,提供了onOpen,onClose,onError,onMessage,onReconnect等钩子函数。也暴露了小程序本身的实例socketTasktask.socketTask就是小程序connectSocket返回的实例而task.socketTask是小程序的原生实例它们通过onXXX方法传递函数进行监听注册在socket重连以后内部重新通过connectSocket新建实例将会返回新的小程序原生实例因此之前通过socketTask.onXXX注册的这些函数将会丢失。而本程序内部提供的钩子函数重连上以后依然有效。大部分情况下推荐就使用本程序的钩子函数。支付宝小程序差异支付宝小程序只允许同时存在一个socket连接原生的API也和其他小程序有一点小差异本程序已经做了兼容但是还是要注意支付宝只允许建立一个socket如果建立多个socket前面的socket都会被系统关闭一定要通过本程序实例的task.close关闭旧的socket否则程序会一直重连导致所有socket相互冲突无法使用。约定1.只能通过前端主动关闭socket连接如果需要断开socket应该执行task.close()方法。如果后端想要关闭socket应该下发一个消息前端判断此消息前端再调用task.close()方法关闭。因为无论是后端调用close还是因为其他原因造成的socket关闭前端的socket都会触发onClose事件程序无法判断是什么原因导致的关闭。因此本程序会默认尝试重连。import WebsocketHeartbeat from websocket-heartbeat-miniprogram;
WebsocketHeartbeat({miniprogram: wx,connectSocketParams: {url: ws://xxxx}
}).then(task {task.onMessage data {if(data.data close) task.close();//关闭socket并且不再重连};})
2.后端对前端心跳的反馈前端发送心跳消息后端收到后需要立刻返回响应消息后端响应的消息可以是任何值因为本程序并不处理和判断响应的心跳消息而只是在收到任何消息后重置心跳因为收到任何消息就说明连接是正常的。因此本程序收到任何后端返回的消息都会重置心跳倒计时以此来减少不必要的请求减少服务器压力。API详情参考 https://github.com/zimv/websocket-heartbeat-miniprogram结语程序已经经过单元测试也在百度支付宝微信等小程序之中实际测试和基于Taro测试。程序长期维护发现兼容问题或者程序问题希望得到issue反馈https://wx.tenpay.com/f2f?tAQAAAB783RadsEXy2nz36GYeyf0%3D (二维码自动识别)有没有人打赏没有的话那我晚点再来问问。http://weixin.qq.com/r/IExmfi3E1XCqrWkd9xky (二维码自动识别)关注大诗人公众号第一时间获取最新文章。
