收藏
回答

小程序webview如何实现自定义分享功能?

小程序的webview中的H5页面要实现分享功能,分享一个于小程序无关的外部H5页面给微信好友,请问如何实现

回答关注问题邀请回答
收藏

6 个回答

  • 阿巴阿巴
    阿巴阿巴
    2019-08-02

    bindmessage 网页向小程序 postMessage 时,会在特定时机(小程序后退、组件销毁、分享)触发并收到消息。e.detail = { data },data是多次 postMessage 的参数组成的数组

    h5 jssdk

    wx.miniProgram.postMessage({
        data: {
            title: window.document.title,
            //desc: document.querySelector('meta[name=description]').content
        }
    });


    wxml

    <web-view src="{{url}}" bindmessage="bindmessage" binderror="binderrorLoad" bindload="bindloading"></web-view>


    wxjs

    bindmessage(e) {//接收web-view传递的参数
            this.setData({//存储状态
                CurrentTitle : e.detail.data[0].title
            })
     
        }



    onShareAppMessage: function(res){
     return {
                //res.webViewUrl这就是web-view中的网址
                title: CurrentTitle,
                path: res.webViewUrl,
                imageUrl: shareImageUrl,
                success: function() {
                    // 转发成功
                    wx.showToast({
                        title: '分享成功~',
                        icon: 'success',
                        duration: 1800
                    })
                },
                fail: function() {
                     })
                }
            }
    }


    2019-08-02
    有用 3
    回复
  • 禾店短剧系统
    禾店短剧系统
    2021-06-10

    小程序webview中使用分享功能可以参考

    https://blog.csdn.net/weixin_44051839/article/details/86689319

    2021-06-10
    有用 1
    回复
  • 四月一
    四月一
    2019-10-15

    求问 最后怎么解决的

    2019-10-15
    有用
    回复
  • Why not?
    Why not?
    2019-08-01

    你想以什么样的形式分享出去?小程序自带分享只能是小程序卡片,我的做法是在H5里将想要分享的H5页面链接发送给小程序,小程序分享的时候就用这个链接。

    2019-08-01
    有用
    回复
  • 夏虫语冰
    夏虫语冰
    2019-08-01

    jssdk. 公众号分享

    2019-08-01
    有用
    回复 2
  • 小怪物.
    小怪物.
    2019-08-01

    和正常的小程序转发是一样的啊

    2019-08-01
    有用
    回复 2
登录 后发表内容