美文网首页
小程序总结(十八)-关于分享

小程序总结(十八)-关于分享

作者: 自律财富自由 | 来源:发表于2019-06-12 14:22 被阅读0次

    微信小程序的分享,只能通过点击右上角的转发或者自定义按钮<button>的open-type="share"属性唤起分享,唤起分享实际调用的是onShareAppMessage()方法。

    比如:

    getShareTitle() {
            let titles = ['111','222','333', '444']
            let index = Math.floor(Math.random() * titles.length)
            this.setData({
                shareTitle: titles[index]
            })
        },
     onShareAppMessage() {
            wx.setStorageSync('bargainDetailShare', true)
            this.getShareTitle() // 自定义分享的标题
            return {
                path: '页面路径',
                title: this.data.shareTitle,
                imageUrl: '../../images/kanjia/bargain_share.png' //自定义图片
            }
        }
    

    分享成功之后,我们想给用户展示提示信息,需要用到wx.showShareMenu()方法。
    1、首先在唤起调用了onShareAppMessage()方法的时候,设定一个flag,如上面的wx.setStorageSync('bargainDetailShare', true)
    2、分享成功后,会返回当前分享的页面,这个时候,在onShow里面这样做:

    if(wx.getStorageSync('bargainDetailShare')) {
                wx.showShareMenu({
                    // 要求小程序返回分享目标信息
                    withShareTicket: true,
                    success: function (res) {
                      // 分享成功
                     wx.showToast({
                         title: '分享成功',
                         icon: 'none'
                     })
                    },
                    fail: function (res) {
                      // 分享失败
                      console.log('分享失败' + res)
                    }
                });
            }
    

    这样就好了。

    相关文章

      网友评论

          本文标题:小程序总结(十八)-关于分享

          本文链接:https://www.haomeiwen.com/subject/xwkwgqtx.html