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

相关推荐
ao_lang1 小时前
UDP协议和TCP协议
网络协议·tcp/ip·udp
一 乐2 小时前
英语学习激励|基于java+vue的英语学习交流平台系统小程序(源码+数据库+文档)
java·前端·数据库·vue.js·学习·小程序
桃花岛主702 小时前
multipart/form-data 和 application/x-www-form-urlencoded区别
服务器·网络·网络协议·http
2501_915909063 小时前
iOS App 测试工具全景指南,构建从开发、性能到系统级调试的多工具协同测试体系
android·测试工具·ios·小程序·uni-app·iphone·webview
im_AMBER3 小时前
计网 01 WebSocket | MDN
网络·websocket·网络协议
千寻技术帮3 小时前
50036_基于微信小程序的智能点餐推荐系统
小程序·源码·springboot·文档
m0_495562784 小时前
https的原理
网络协议·http·https
c++逐梦人4 小时前
Linux下编写进度条小程序
linux·运维·小程序
TO_ZRG5 小时前
Base64原理、Http Header
网络·网络协议·http
游戏开发爱好者85 小时前
Fiddler抓包工具完整教程 HTTPHTTPS抓包、代理配置与API调试实战技巧(开发者进阶指南)
前端·测试工具·ios·小程序·fiddler·uni-app·webview