目前微信小程序已经开放安卓系统实现小程序分享朋友圈公测,在此之前,微信小程序想要分享朋友圈,大多数的做法都是生成分享海报图,提供给用户发表朋友圈,分享小程序海报。
首先,根据官方的要求,需要设置小程序的基础库版本在 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: '添加到收藏的缩略图' } },
以上两种方法都可以,只需要二选一即可,但是,每个需要分享到朋友圈的页面都需要添加才会出现相应的内容。个人比较推荐第二种方法,丸子小程序资讯版正是采用第二种方法添加。
注意事项
“shareAppMessage”表示“发送给朋友”按钮,”shareTimeline”表示“分享到朋友圈”按钮
显示“分享到朋友圈”按钮时必须同时显示“发送给朋友”按钮,显示“发送给朋友”按钮时则允许不显示“分享到朋友圈”按钮