微信小程序分享朋友圈开发教程

目前微信小程序已经开放安卓系统实现小程序分享朋友圈公测,在此之前,微信小程序想要分享朋友圈,大多数的做法都是生成分享海报图,提供给用户发表朋友圈,分享小程序海报。

首先,根据官方的要求,需要设置小程序的基础库版本在 2.11.3 以上。

其次,需要在小程序相关页面添加代码。

方法一:在需要增加小程序分享朋友圈的页面 onShareAppMessage 函数里添加以下代码:


  onShareAppMessage: function () {
    wx.showShareMenu({
      withShareTicket: true,
      menus: ['shareAppMessage', 'shareTimeline']
    })
  }

这个方法属于快速调用分享朋友圈功能,menus 里的 shareAppMessage 是转发分享按钮,默认存在,但是,如果要添加分享朋友圈功能,则必须写上,不能删除。shareTimeline 是分享朋友圈按钮。

这种方法实现分享朋友圈,默认以当前页面的 navigationBarTitle 作为分享朋友圈标题,以小程序 Logo 作为分享朋友圈缩略图。如果想要自定义分享朋友圈标题和缩略图,则需要采用下面的方法。

方法二:在需要增加小程序分享朋友圈的页面 onShareAppMessage 下面增加以下代码:


  onShareTimeline: function () {
    return {
      title: '转发到朋友圈的标题内容',
      imageUrl:'转发到朋友圈的缩略图'
    }
  },

  onAddToFavorites: function () {
    return {
      title: '添加到收藏的标题内容',
      imageUrl: '添加到收藏的缩略图'
    }
  },

以上两种方法都可以,只需要二选一即可,但是,每个需要分享到朋友圈的页面都需要添加才会出现相应的内容。个人比较推荐第二种方法,丸子小程序资讯版正是采用第二种方法添加。

注意事项

  1. "shareAppMessage"表示“发送给朋友”按钮,"shareTimeline"表示“分享到朋友圈”按钮
  2. 显示“分享到朋友圈”按钮时必须同时显示“发送给朋友”按钮,显示“发送给朋友”按钮时则允许不显示“分享到朋友圈”按钮

当前文章部分内容需要密码查看:

扫描二维码关注微信公众号或者在微信里搜索: 艾码汇

回复: 2427 获取文章阅读密码

腾讯云高性能云服务器

相关推荐

发表评论

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

微信小程序分享朋友圈开发教程
返回顶部

显示

忘记密码?

显示

显示

获取验证码

Close