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

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

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

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

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

1.  
   onLoad: function(options) {
2.  
   const token = wx.getStorageSync("cookie");
3.  
   if (options.source && options.source == 'addWork') {
4.  
   this.setData({url: `${baseUrl}add-work`})
5.  
   } else {
6.  
   this.setData({
7.  
   url: `${baseUrl}home?token=${token}&time=${new Date().getTime()}`
8.  
   })
9.  
   }
10.  
    }

这篇好文章是转载于：学新通技术网