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

更新时间：2020-08-03 分类：小程序 浏览量：3604

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

首先，根据官方的要求，需要设置小程序的基础库版本在 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. 显示“分享到朋友圈”按钮时必须同时显示“发送给朋友”按钮，显示“发送给朋友”按钮时则允许不显示“分享到朋友圈”按钮

[mp_vx_code code="4272"]微信小程序分享朋友圈开发教程已经分享完成，这部分内容纯属用于测试订阅号回复获取验证码[/mp_vx_code]

标签：