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

相关推荐
逐梦苍穹13 分钟前
不用公网 IP,把内网服务安全发布到公网:ZeroNews 快速上手
网络协议·tcp/ip·安全·内网穿透
hello kitty w1 小时前
2. 微信开发工具快捷键
小程序
计算机毕设指导61 小时前
基于微信小程序的丽江市旅游分享系统【源码文末联系】
java·spring boot·微信小程序·小程序·tomcat·maven·旅游
好多渔鱼好多2 小时前
【流媒体协议】RTSP / RTP / RTCP 协议全景介绍
网络·网络协议·rtp·rtsp·rtcp·ipc摄像头
1024小神2 小时前
浏览器或小程序限制字体最小12px解决办法
小程序
蜂蜜黄油呀土豆2 小时前
计算机网络中的传输层:深入解析 TCP 协议
网络协议·tcp/ip·计算机网络·三次握手·网络排查
内存不泄露3 小时前
酒店预订管理平台及小程序
小程序
2501_915918413 小时前
除了 Perfdog,如何在 Windows 环境中完成 iOS App 的性能测试工作
android·ios·小程序·https·uni-app·iphone·webview
五仁火烧4 小时前
HTTP 服务器
服务器·网络·网络协议·http
weixin_lynhgworld4 小时前
[特殊字符]短剧小程序开发:开启娱乐新纪元的钥匙[特殊字符]
小程序