小程序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

相关推荐
gihigo19982 小时前
基于TCP协议实现视频采集与通信
网络协议·tcp/ip·音视频
吴声子夜歌6 小时前
小程序——布局示例
小程序
白太岁6 小时前
通信:(5) 电路交换、报文交换与分组交换
运维·服务器·网络·网络协议
luffy54596 小时前
微信小程序页面使用类似filter函数的wxs语法
微信小程序·小程序
Slow菜鸟6 小时前
微信小程序开发(二)目录结构完全指南
微信小程序·小程序
小扎仙森7 小时前
关于阿里云实时语音翻译-Gummy推送WebSocket
websocket·阿里云·云计算
EasyGBS7 小时前
国标安全升级:GB28181平台EasyGBS支持GB35114协议的应用场景与核心优势
网络协议·安全·gb28181·gb35114
凯酱8 小时前
Windows防火墙入站规则IP白名单
windows·网络协议·tcp/ip
小小王app小程序开发9 小时前
海外盲盒小程序抽赏玩法分析(附跨境技术落地要点)
小程序
一叶星殇9 小时前
微信小程序请求拦截器踩坑:避免重复刷新 token
微信小程序·小程序