看过了很多别人的博客,吸收 了他们的主要思想,但是觉得他们又写的太复杂,于是决定自己写一篇,一目了然,简单直接。

需求:

1、使用小程序打开m站的h5页面
2、打开之后,用户可以进行分享H5页面的内容

1、内嵌H5页

<!-- url是已在微信公众平台配置的h5链接 -->
// web-view的WXML
<web-view src='{{url}}'></web-view>

2、分享H5

// js部分
1、在点击跳转web-view的时候,将该页面的路径存在storage上
// 存储分享路径, url是H5页面的链接
wx.setStorageSync('sharePagePath', '/pages/**/H5/H5?url=' + url)

2、在web-view的js文件中调用分享函数
onShareAppMessage: function (options) {
    return {
      title: wx.getStorageSync('sharePageTitle'),
      // 这里是关键一
      path: wx.getStorageSync('sharePagePath'),
      success: (res) => {
        this.setData({
      // 这里是关键二
          url: options.webViewUrl
        })
      }
    }
  }

 

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。