收藏
回答

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

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

最后一次编辑于  08-01
回答关注问题邀请回答
收藏

5 个回答

  • aholy.bacii
    aholy.bacii
    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() {
                     })
                }
            }
    }


    08-02
    赞同 1
    回复
  • 孟凡博
    孟凡博
    10-15

    求问 最后怎么解决的

    10-15
    赞同
    回复
  • Why not?
    Why not?
    08-01

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

    08-01
    赞同
    回复
  • 夏虫语冰
    夏虫语冰
    08-01

    jssdk. 公众号分享

    08-01
    赞同
    回复 2
    • 如意如意称我心意
      如意如意称我心意
      08-01
      那是不是先需要注册公众号,设置授权
      08-01
      回复
    • 夏虫语冰
      夏虫语冰
      08-02回复如意如意称我心意
      是的。按你所描述就只能这样子做了
      08-02
      回复
  • 小怪物.
    小怪物.
    08-01

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

    08-01
    赞同
    回复 2
    • 如意如意称我心意
      如意如意称我心意
      08-01
      小程序转发功能只能分享小程序的页面吧?
      08-01
      回复
    • 小怪物.
      小怪物.
      08-01回复如意如意称我心意
      你的意思不是要在小程序里面转发H5的页面吗?
      08-01
      回复