关于wepy2中开启小程序分享朋友圈的功能。

89 篇文章 7 订阅
21 篇文章 0 订阅

如何在wepy2开发的小程序中开启朋友圈分享小程序功能

1、说明

分享朋友圈功能暂时只支持安卓,并且输入beta版本。一句话,并不是很成熟。

但是, 有时候,产品就是需要。

2、官网文档

https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share-timeline.html

在这里插入图片描述
看文档: 当前页面,需要先开启发送朋友功能后,才能进一步分享到盆友圈功能。

对应的api文档如下:
在这里插入图片描述3、实操

在我们的页面中,methods方法同级后面,设置分享方法:

wepy.page({
data: {},
methods:{
   // 分享朋友圈 v2
    onShareTimeline() {
      let title = wx.getStorageSync('buildDTOResult').buildName || '积极找房'
      let imageUrl = this.data.shareImg || '../assets/images/imgErrorDefault3.png'
      console.log('title', title, this.data.shareImg)
    // trackUtil.track('friend_circle_share', {
    //   build_code: this.buildCode,
    //   visit_from: '楼盘详情页'
    // })
      return {
        title: title,
        query: '',
        imageUrl: imageUrl
      }
    }},
// 朋友分享
onShareAppMessage(e) {
    let userid = wx.getStorageSync('userid ') || ''
    let url = '/pages/index?id=' + userid + '&aaa=1'
    return {
      title: '分享朋友标题文字',
      path: url,
      imageUrl: '/static/images/share.jpg'
    }
  },
   // 分享朋友圈 v1
  // onShareTimeline(e) {
   // return {
   //   title: '分享到朋友圈标题',
// query: '',
  //    imageUrl: '/static/images/share.jpg'
  //  }
 // },
onLoad(options) {
 wx.showShareMenu({
      withShareTicket: true,
      menus: ['shareAppMessage', 'shareTimeline']
    })
}
}

在onLoad 或 onReady 中,执行wx.showShareMenu,朋友圈分享才真正可以用。

但是,v1这种方式,设置的分享,有其他bug。不能自定义title和图片。不能满足自定义。

正确的方式是。我们把onShareTimeline定义到methods里面,查看v2。

另外一种解决方式:

wepy.page({
	data: {},
  onReady() {}},
  {
    lifecycle: {
      page: () => {
        return ['onShareTimeline']
      }
    }
  })

lifecycle中添加这段代码,分享会生效,但是导致当前页面的按钮不能点击等。至于原因,未深入研究。

所以: wepy2中,自定义分享朋友圈的方法是 methods中的分享方法 + wx.showShareMenu 设置分享。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值