如何使用 wx.sendSocketMessage 发送 WebSocket 消息？

推荐答案

// www.javascriptcn.com code example
// 1. 创建 WebSocket 连接
wx.connectSocket({
  url: 'wss://example.com/socket'
});

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

  // 3. 发送 WebSocket 消息
  wx.sendSocketMessage({
    data: 'Hello, WebSocket!',
    success: function(res) {
      console.log('消息发送成功');
    },
    fail: function(res) {
      console.log('消息发送失败');
    }
  });
});

// 4. 监听 WebSocket 错误事件
wx.onSocketError(function(res) {
  console.log('WebSocket 连接打开失败');
});

本题详细解读

1. 创建 WebSocket 连接

在使用 wx.sendSocketMessage 发送 WebSocket 消息之前，首先需要通过 wx.connectSocket 方法创建一个 WebSocket 连接。wx.connectSocket 方法接受一个配置对象，其中 url 是必填项，表示 WebSocket 服务器的地址。

wx.connectSocket({
  url: 'wss://example.com/socket'
});

2. 监听 WebSocket 连接打开事件

在 WebSocket 连接成功建立后，会触发 wx.onSocketOpen 事件。在这个事件的回调函数中，可以执行发送消息的操作。

wx.onSocketOpen(function(res) {
  console.log('WebSocket 连接已打开');
});

3. 发送 WebSocket 消息

在 WebSocket 连接打开后，可以使用 wx.sendSocketMessage 方法发送消息。该方法接受一个配置对象，其中 data 是必填项，表示要发送的消息内容。success 和 fail 回调函数分别用于处理消息发送成功和失败的情况。

// www.javascriptcn.com code example
wx.sendSocketMessage({
  data: 'Hello, WebSocket!',
  success: function(res) {
    console.log('消息发送成功');
  },
  fail: function(res) {
    console.log('消息发送失败');
  }
});

4. 监听 WebSocket 错误事件

如果在连接 WebSocket 时发生错误，可以通过 wx.onSocketError 事件监听器来处理错误。

wx.onSocketError(function(res) {
  console.log('WebSocket 连接打开失败');
});

通过以上步骤，你可以在微信小程序中使用 wx.sendSocketMessage 发送 WebSocket 消息。