小程序通过web-view组件嵌入了h5页面 在h5页面怎样操作才能发起分享功能

小程序通过web-view组件嵌入了h5页面 在h5页面怎样操作才能发起分享功能

使用uni.postMessage向应用发送消息,使用应用的分享功能就可以了;文档https://uniapp.dcloud.net.cn/component/web-view.html#postmessage

img

// webview 接收消息
<web-view
  src="..."
  bindmessage="getMsg" />

// js
getMsg(e) {
  console.log(e.detail.data)
}
// h5发送消息
wx.miniProgram.postMessage({
    data: {
        text: '123'
    }
})

小程序中右上角胶囊三个点点开,触发分享,getMsg会拿到h5发送的信息