小程序 uni.onMessage

`uni.onMessage` 是一个小程序的 API 接口，用于监听小程序收到的消息事件。当小程序收到其他小程序或 H5 页面通过 `uni.postMessage` 发送的消息时，可以通过 `uni.onMessage` 监听事件来处理这些消息。

使用方法如下：

uni.onMessage(function (message) {
  console.log('收到消息：', message);
});

`uni.onMessage` 的回调函数会接收一个参数 `message`，代表收到的消息内容。消息内容可以是任意类型的数据，比如字符串、对象等。

需要注意的是，`uni.onMessage` 只能在小程序中使用，不能在 H5 页面中使用。如果要在 H5 页面中发送消息给小程序，可以使用 `window.parent.postMessage` 方法。

相关问题

uni.connectSocket 中onMessage怎么用

`uni.connectSocket` 是一个小程序（微信/支付宝/百度/字节跳动）提供的 API，用于建立 WebSocket 连接。其中 `onMessage` 是一个回调函数，用于接收 WebSocket 服务器发送回来的消息。

当建立好 WebSocket 连接后，如果有消息从服务器发送过来，就会触发 `onMessage` 回调函数，同时将服务器发送的消息作为参数传入该函数。您可以在该函数中编写处理接收到消息的逻辑，例如解析消息内容、展示消息等。

以下是一个示例代码，展示了如何在 `onMessage` 中接收并展示 WebSocket 服务器发送的消息：

uni.connectSocket({
  url: 'ws://localhost:8080',
  success() {
    console.log('WebSocket连接成功')
  }
})

uni.onSocketOpen(function () {
  console.log('WebSocket连接已打开！')
})

uni.onMessage(function (res) {
  console.log('收到服务器推送消息：', res.data)
})

在上面的代码中，`uni.onMessage` 回调函数中的 `res.data` 就是接收到的 WebSocket 服务器发送的消息内容。您可以根据实际需求进行修改，例如将消息展示到页面上等。

uniapp uni.postMessage() 从嵌入html5返回小程序

在嵌入的 H5 页面中，可以使用 `uni.postMessage()` 向小程序发送消息，告诉小程序需要返回。具体使用方法如下：

1. 在 H5 页面中，使用 `uni.postMessage()` 向小程序发送消息。

uni.postMessage({
  type: 'back'
});

2. 在小程序中，监听 `onMessage` 事件，当收到 H5 页面发送的返回消息时，调用 `uni.navigateBackMiniProgram()` 方法返回小程序。

// 监听 onMessage 事件
uni.onMessage(function (message) {
  if (message.type === 'back') {
    // 返回小程序
    uni.navigateBackMiniProgram({
      success: function () {
        console.log('navigateBackMiniProgram success');
      },
      fail: function () {
        console.log('navigateBackMiniProgram fail');
      }
    });
  }
});

需要注意的是，`uni.navigateBackMiniProgram()` 方法只能在小程序中使用，不能在嵌入的 H5 页面中使用。