看過(guò)了很多別人的博客，吸收 了他們的主要思想，但是覺(jué)得他們又寫的太復(fù)雜，于是決定自己寫一篇，一目了然，簡(jiǎn)單直接。

需求：

1、使用小程序打開(kāi)m站的h5頁(yè)面
2、打開(kāi)之后，用戶可以進(jìn)行分享H5頁(yè)面的內(nèi)容

1、內(nèi)嵌H5頁(yè)

<!-- url是已在微信公眾平臺(tái)配置的h5鏈接 -->
// web-view的WXML
<web-view src='{{url}}'></web-view>

2、分享H5

// js部分
1、在點(diǎn)擊跳轉(zhuǎn)web-view的時(shí)候，將該頁(yè)面的路徑存在storage上
// 存儲(chǔ)分享路徑, url是H5頁(yè)面的鏈接
wx.setStorageSync('sharePagePath', '/pages/**/H5/H5?url=' + url)

2、在web-view的js文件中調(diào)用分享函數(shù)
onShareAppMessage: function (options) {
    return {
      title: wx.getStorageSync('sharePageTitle'),
      // 這里是關(guān)鍵一
      path: wx.getStorageSync('sharePagePath'),
      success: (res) => {
        this.setData({
      // 這里是關(guān)鍵二
          url: options.webViewUrl
        })
      }
    }
  }