小程序 web-view分享页面检测页面路径跳转

需求，分享H5页面，打开小程序首页，进入指定的分享H5页面

1.分享函数

    onShareAppMessage: function (Object, object) {
        // 监测分享页面
        console.log(Object, object, '商城分享页面')
        return new Promise((resolve) => {
            setTimeout(() => {
                resolve({
                    title: '商用车圈-全国商用车交易共享平台',
                    path: `/pages/newindex/newindex?url=` + encodeURIComponent(JSON.stringify(Object.webViewUrl)),
  //页面跳转传参时，参数里面如果含有特殊符号的话，后面的字符会被自动截取导致参数到另一个页面不完整。为解决这个问题，我们可以使用js中的JSON.stringify(encodeURIComponent(data))函数把字符串中的URI进行编码，然后再到另外一个页面解码就OK了。
                    success: function (res) {
                        console.log(res);
                        console.log(webViewUrl)
                        wx.showToast({
                            title: "分享成功",
                            icon: 'success',
                            duration: 2000
                        })
                    },
                    fail: function (res) {
                        // 分享失败
                    },
                })
            }, 1000)
        })
    }

2.进入小程序主页面的时候在onLoad里面监测一下options的参数，跳转到web-view那个页面

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        console.log(options, '==============')
        if (options.url) {
            this.setData({
                urls: options.url
            })
            wx.navigateTo({
                url: '/pages/link/link?url=' + options.url,
            })
        }
    },

3.web-view页面对链接进行转码

if (options.url) {
//JSON.parse(decodeURIComponent(data))解析编码
            let src = JSON.parse(decodeURIComponent(options.url))
            console.log(src)
            this.setData({
                src,
            })
        }

4.一个简单的分享H5页面就OK啦