小程序WebSocket教程及多次回调问题--小程序走过的坑（14）（最新版）

1.7.0 及以上版本，最多可以同时存在 5（小游戏）/2（小程序）个 WebSocket 连接。

小程序需要在页面onload时开启监听websocket事件（重点）（防止监听函数被多次调用），不然多次监听将会多次调用监听事件。

  onLoad: function (options) {


    wx.onSocketMessage((res) => {
      console.log('WebSocket收到消息')
    })
    wx.onSocketOpen(() => {
      console.log('WebSocket连接打开')
   })
    wx.onSocketError(function (res) {
      console.log('WebSocket连接打开失败')
    })

    wx.onSocketClose(function (res) {
      console.log('WebSocket 已关闭！')
    })

}

连接websocket，首先需要在服务器域名中设置socket合法域名

wx.connectSocket({
  url: 'wss://example.qq.com',
  data:{
    x: '',
    y: ''
  },
  header:{
    'content-type': 'application/json'
  },
  protocols: ['protocol1'],
  method:"GET"
})

当连接成功时将会在

    wx.onSocketOpen(() => {
      console.log('WebSocket连接打开')
   })

函数中回调

当成功连接时就可以与websocket服务进行交互发送消息

    wx.sendSocketMessage({
      data:msg
    })

websocket回应的消息将会在

 wx.onSocketMessage((res) => {
      console.log('WebSocket收到消息')
    })

函数中回调

 

关闭websocket

wx.closeSocket()

 

小程序调试工具