小程序内嵌套的h5页面和小程序通信

小程序嵌套的h5页面调用小程序的分享

引用微信js1.3.2以上才支持
第一步判断是否是小程序环境

//小程序环境设置分享
let ua = window.navigator.userAgent.toLowerCase();
//判断是否是微信环境
if (ua.match(/MicroMessenger/i) == 'micromessenger') {
    //微信环境
    wx.miniProgram.getEnv(function (res) {
         if (res.miniprogram) {
            wx.miniProgram.postMessage({ data: { title: shareTitle, path: shareUrl, imageUrl: imageUrl } })
         }
    })
}

// 小程序内
 <web-view src="{{url}}" bindmessage="message"/>
// js代码
Page({
  data: {shareData:{}},
  onShareAppMessage(options) {
        
    return this.shareData
  },
  message (e) {
    this.setData({
        shareData:e.detail.data[0]
    })
  }
})