小程序使用 WebSocket

说明

微信小程序支持使用WebSocket协议进行网络通信，可以使用小程序提供的wx.connectSocket()函数创建WebSocket连接，并使用wx.onSocketOpen()、wx.onSocketMessage()、wx.onSocketError()和wx.onSocketClose()等事件处理函数处理连接状态和接收到的消息。

示例

下面是一个使用WebSocket在微信小程序中进行通信的示例：

// 创建WebSocket连接
wx.connectSocket({
  url: 'ws://localhost:8080/ws',
  success: function () {
    console.log('WebSocket连接创建成功！')
  },
  fail: function () {
    console.log('WebSocket连接创建失败！')
  }
})

// 监听WebSocket连接打开事件
wx.onSocketOpen(function () {
  console.log('WebSocket连接已打开！')
})

// 监听WebSocket接收到服务器的消息事件
wx.onSocketMessage(function (res) {
  console.log('收到服务器消息：' + res.data)
})

// 监听WebSocket错误事件
wx.onSocketError(function () {
  console.log('WebSocket连接发生错误！')
})

// 监听WebSocket关闭事件
wx.onSocketClose(function () {
  console.log('WebSocket连接已关闭！')
})

在这个示例中，我们使用wx.connectSocket()函数创建WebSocket连接，并在连接打开、收到服务器消息、发生错误和关闭等事件上分别添加事件处理函数。可以在事件处理函数中执行具体的逻辑，例如在连接打开事件处理函数中发送一条消息给服务器：

// 在WebSocket连接打开事件处理函数中发送一条消息
wx.onSocketOpen(function () {
  console.log('WebSocket连接已打开！')
  wx.sendSocketMessage({
    data: 'Hello, server!'
  })
})

这样，就可以在微信小程序中使用WebSocket协议进行网络通信了。注意，在使用WebSocket时，需要在小程序的app.json文件中添加"socket": true配置项，以允许小程序使用WebSocket协议。