小程序内嵌H5（webview），调起微信分享

最后一只小白

已于 2023-11-29 17:31:07 修改

阅读量5.2k

点赞数 6

分类专栏： uni（主要是写的微信小程序）文章标签：微信小程序微信小程序

于 2023-03-21 17:36:16 首次发布

本文链接：https://blog.csdn.net/weixin_48091030/article/details/129693140

版权

uni（主要是写的微信小程序）专栏收录该内容

6 篇文章 0 订阅

订阅专栏

文章详细阐述了如何在H5中调起小程序的分享功能，包括在webview页面开启分享权限，小程序内自定义onShareAppMessage方法来获取分享来源，并劫持分享路径以自定义分享内容。同时，描述了当用户通过分享进入时，在H5页面如何检测并处理参数，实现特定页面的跳转。

摘要由CSDN通过智能技术生成

该功能时作为H5调起小程序的微信分享

1：小程序方在webview页面，打开分享的权限


  wx.showShareMenu({
          withShareTicket:true,
           menu:['shareTimeline','shareAppMessage']
      })

2：在小程序内写 onShareAppMessage方法，用来获取在哪个页面调起的微信分享，


    onShareAppMessage: function(res) {
                console.log(res)
                let nowURL = decodeURIComponent(res.webViewUrl)
                let id = nowURL.split('?')[1].split('&')[0].split('=')[1]
                let name = decodeURIComponent(nowURL.split('?')[1].split('&')[1].split('=')[1])
                let data = {
                    id: id,
                    name: name,
            
                }
                let payData = JSON.stringify(data)
                let url = `/pages/music/music?data=${payData}`
                return {
                    title: name,
                    path: url,

                }

            },

3：在2中的这处代码，是用来劫持分享，并自定义分享的，


 let payData = JSON.stringify(data)
                let url = `/pages/music/music?data=${payData}`
                return {
                    title: name,
                    path: url,

                }

4：转发出去后，通过用户的点击再次回来时，在webview页面获取是否有参


        onLoad: function(e) {
            console.log(e)
            if (e.data) {
                console.log(e)ghu 
                let i = JSON.parse(e.data)
                console.log(i)
                this.url = 'http://192.****8080/?hrsaasUserId=95623&id='+i.id+'&name='+ i.name
                console.log(this.url)

            } else {
                this.url = 'http://192.****:8080/?hrsaasUserId=95623'
            }

如果有参，就是通过分享页面进来的，跳入webview页面

如果无参，就认为是从首页点进来的不做处理

5：在H5的onload处获取参数，逻辑同4, 有参就跳入你想进的页面


if(e.data){
uni.navigateTo({
url:'/pages/consulting/scaleDetail?id='+this.scaleId+'&name='+encodeURIComponent(this.scaleName)+'&questionType=0&isPay=0',
})