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

相关推荐
文人sec37 分钟前
微信小程序minium自动化测试SOP
微信小程序·小程序
克里斯蒂亚诺更新40 分钟前
微信小程序 点击地图后弹出一个模态框
微信小程序·小程序·notepad++
云起SAAS41 分钟前
患者随访管理抖音快手微信小程序看广告流量主开源
微信小程序·小程序·ai编程·看广告变现轻·患者随访管理
2501_916008891 小时前
HTTPS 请求抓包,从原理到落地排查的工程化指南(Charles / tcpdump / Wireshark / Sniffmaster)
ios·小程序·https·uni-app·wireshark·iphone·tcpdump
一直向钱1 小时前
基于你的 SRS 直播流煤体配置(通过 http_hooks 回调实现鉴权),结合 TP6 框架,以下是完整的 PHP SDK 封装方案
网络协议·http·php
七七七七072 小时前
【计算机网络】UDP协议深度解析:从报文结构到可靠性设计
服务器·网络·网络协议·计算机网络·算法·udp
CDwenhuohuo2 小时前
WebSocket 前端node启用ws调试
前端·websocket·网络协议
爱编程的鱼3 小时前
301 是什么意思?——HTTP 状态码详解与应用
网络·网络协议·http
-孤存-7 小时前
深入浅出:TCP/UDP协议核心原理
网络·网络协议·tcp/ip·1024程序员节
重回198110 小时前
企业微信可信IP配置的Python完美解决方案
网络协议·tcp/ip·企业微信