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

2019-06-12  本文已影响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)
                }
            });
        }

这样就好了。

上一篇下一篇

猜你喜欢

热点阅读