微信小程序使用websocket

连接websocket

let url = `******`//websocket地址
wx.connectSocket({url: url,success() {console.log('连接成功')that.initEventHandle() //websocket绑定的各种事件}})

websocket绑定的各种事件

 // websocket绑定的各种事件initEventHandle() {wx.connectSocket(function (res) { //监听 WebSocket 连接打开事件console.log('连接打开')})wx.onSocketMessage(function (res) { //监听 WebSocket 接受到服务器的消息事件//收到消息console.log(res)that.reset().start();if (res.data == "heartOk") {} else {//你自己的数据处理}})wx.onSocketError(function (res) { //监听 WebSocket 错误事件console.log('WebSocket连接打开失败，请检查！');console.log(res.code)wx.showToast({title: '数据更新失败',duration: 2000})that.reconnect()})wx.onSocketClose(function (res) {console.log(res)console.log('WebSocket 已关闭！' + res.code)})},

断线重连

// 断线重连reconnect() {if (this.lockReconnect) return;this.lockReconnect = true;clearTimeout(this.timer)if (this.data.limit < 12) {this.timer = setTimeout(() => {this.linkSocket();this.lockReconnect = false;}, 5000);this.setData({limit: this.data.limit + 1})}},

计时发送心跳

 reset() {clearTimeout(this.data.timeoutObj);return this;},start() {this.data.timeoutObj = setTimeout(() => {console.log("发送heart");wx.sendSocketMessage({data: "heart",success() {console.log("发送heart成功");}});}, this.data.timeout);},

页面销毁同时关闭websocket

 /*** 生命周期函数--监听页面隐藏*/onHide: function () {wx.closeSocket();},

微信小程序使用websocket相关推荐

java与微信小程序通讯_java与微信小程序实现websocket长连接
本文实例为大家分享了java与微信小程序实现websocket长连接的具体代码,供大家参考,具体内容如下背景: 需要在小程序实现地图固定坐标下实时查看消息 java环境 :tomcat7 jdk1. ...
微信小程序之WebSocket
(扫码带走看 ^ ^) 本文版权归 OSChina jsongo0 所有,此处为技术收藏,如有再转请自觉标明原文出处,这是大家对原创作者劳动成果的自觉尊重! 原文地址:https://my.osch ...
微信是与服务器长连接,java与微信小程序实现websocket长连接.pdf
java与与微微信信小小程程序序实实现现websocket长长连连接接本文实例为大家分享了j ava与微信小程序实现websocket长连接的具体代码,供大家参考,具体内容下背背景景:: 需要在 ...
【微信小程序控制硬件⑧ 】微信小程序以 websocket 连接阿里云IOT物联网平台mqtt服务器，封装起来使用就是这么简单！（附带Demo）
[微信小程序控制硬件第1篇 ] 全网首发,借助 emq 消息服务器带你如何搭建微信小程序的mqtt服务器,轻松控制智能硬件! [微信小程序控制硬件第2篇 ] 开始微信小程序之旅,导入小程序Mqtt客户 ...
微信小程序的 websocket 以及微信开发者工具测试 ws 协议没有数据的离奇解决方案记录
微信小程序的 websocket 在本地web能够使用ws协议去链接websocket,但是小程序不能使用. 一.WSS 协议与 WS 协议二.业务场景记录 : 使用 ws 协议的 websocek ...
Nginx配置wss访问实现微信小程序的websocket通信
WSS是Web Socket Secure的简称, 它是WebSocket的加密版本.WSS与WS类似于HTTPS和HTTP,不同之处在于是不同的通信协议,都运行在SSL(Secure Socket ...
微信小程序的websocket使用stomp协议--简单实用的npm包
需求背景在公司实习期间,要求做一个小程序的websocket连接,用于设备的实时控制和状态查询. 其中后端使用的是stomp协议,而微信小程序是不支持stomp协议的.但是当我知道的时候,后端已经全 ...
微信小程序实现websocket聊天室
在微信小程序中建立聊天室. 目录一.在web项目中导入javax.websocket-api-1.0-rc4.jar包二.编写支持websocket的controller类三.在微信小程序中编写 ...
微信小程序实现websocket及单人聊天功能
一.什么是websocket: WebSocket是HTML5下一种新的协议(websocket协议本质上是一个基于tcp的协议) 它实现了浏览器与服务器全双工通信,能更好的节省服务器资源和带宽并达到 ...

微信小程序使用websocket

微信小程序使用websocket

连接websocket

websocket绑定的各种事件

断线重连

计时发送心跳

页面销毁同时关闭websocket

微信小程序使用websocket相关推荐

最新文章

热门文章