小程序完全嵌套h5后分享功能的实现

如果不做处理,那么分享的页面打开都会展示首页,产品的需求是分享那个页面用户点击分享链接后打开的就是那个页面,而不是首页

首先在小程序的分享事件中根据当前webview嵌套的h5链接判断当前是那个页面,从而分享链接中的路径就传递对应的标识

onShareAppMessage: function (options) {
  let webViewUrl = options.webViewUrl
  let share = {}
  if (webViewUrl.indexOf('add-work')  !== -1) {
     share = {path: 'pages/index/index?source=addWork'};
  }
}

然后再onload事件中接收,根据标识判断默认页面路径,更改webView的url即可

onLoad: function(options) {
  const token = wx.getStorageSync("cookie");
  if (options.source && options.source == 'addWork') {
    this.setData({url: `${baseUrl}add-work`})
  } else {
    this.setData({
      url: `${baseUrl}home?token=${token}&time=${new Date().getTime()}`
    })
  }
}


版权声明:本文为weixin_52607811原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。