小程序websocket接入

参考文档:websocket文档

  1. 连接WebSocket服务器

    wx.connectSocket({
    url: 'wss://XXXXx', // 小程序支持wss或https
    success() {
    }
    })
    wx.onSocketOpen(() => {
    console.log('WebSocket连接打开')
    heartCheck.reset().start()
    })

  2. 向服务端发送消息确认链接成功(发送规则前后端需确认下)

    wx.sendSocketMessage({
    data: JSON.stringify({
    "token": "eyJ0eXAiO"
    }),
    fail: (res) => {
    console.log(1111, res)
    }
    })

  3. 接入服务端发送消息

    wx.onSocketMessage((res) => {
    console.log('收到服务端消息:' + res.data)
    })

  4. WebSocket连接打开失败||WebSocket 已关闭处理

    wx.onSocketError((res) => {
    console.log('WebSocket连接打开失败')
    })
    wx.onSocketClose((res) => {
    console.log('WebSocket 已关闭!')
    that.reconnect()
    })

  5. 同时记得接入心跳包防止中途断开

具体可参考这个demo:小程序demo

相关推荐
hgdlip2 小时前
主IP地址与从IP地址:深入解析与应用探讨
网络·网络协议·tcp/ip
lwprain3 小时前
安装支持ssl的harbor 2.1.4 docker 19.03.8 docker-compose 1.24.0
网络协议·ssl·harbor
软件技术员3 小时前
Let‘s Encrypt SSL证书:acmessl.cn申请免费3个月证书
服务器·网络协议·ssl
尘浮生4 小时前
Java项目实战II基于微信小程序的电影院买票选座系统(开发文档+数据库+源码)
java·开发语言·数据库·微信小程序·小程序·maven·intellij-idea
C++忠实粉丝5 小时前
计算机网络socket编程(3)_UDP网络编程实现简单聊天室
linux·网络·c++·网络协议·计算机网络·udp
HerayChen6 小时前
微信小程序混合 h5 wx.miniProgram是 undefined
微信小程序·小程序·h5
C++忠实粉丝8 小时前
计算机网络socket编程(4)_TCP socket API 详解
网络·数据结构·c++·网络协议·tcp/ip·计算机网络·算法
Estar.Lee8 小时前
时间操作[取当前北京时间]免费API接口教程
android·网络·后端·网络协议·tcp/ip
蝶开三月8 小时前
php:使用socket函数创建WebSocket服务
网络·websocket·网络协议·php·socket
G丶AEOM8 小时前
SSL/TLS,SSL,TLS分别是什么
网络·网络协议·网络安全