微信小程序基础库从2.11.3版本开始,有了一个beta版的接口,让开发者可以将小程序分享到朋友圈。
喜大普奔啊!
如图,因为还是beta版,所以说明文档也比较简单,并且也没有示例代码。
所以,我就把自己最近试用的情况记录一下。
1、首先还是要认真的查询开发文档
https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share-timeline.html
文档内容就不多说了,基本上是和转发到群的功能开发差不多的。
值得注意的是:
2、上图中提到的Page.onShareTimeline()接口文档在
https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html#onShareTimeline
也是需要认真看看。
3、在前面的阅读理解基础上,直接来看代码,很简单的。
在需要开启分享的页面的js文件中,加入以下代码即可。
//用户点击右上角分享朋友圈
onShareTimeline: function () {
return {
title: '###', //这部分是显示在朋友圈中的文字,可以根据需要自己编辑
query: {
xxx(参数): xxx(参数值) //这一部分其实就是url中的(?参数=参数值)这个位置的内容,是你准备传递到目标去的参数和值
},
imageUrl: 'https://xxx.png' //这里是你希望显示到朋友圈的图片。
}
},
4、需要注意的是图片部分在实际使用时,显示的是类似一个微信头像大小的正方形图片。
所以不要指望可以弄一些很大很花哨的图片放在里面。反正也显示不完整。而且尺寸也比较小。
个人建议是把小程序的Logo好好设计一下,作为图片放在这里。
5、在朋友圈中点击分享链接并不是直接打开了小程序,而是有点像小程序的一个截图,只能显示wxml模板上已经固定写好的内容。
至于你在js代码中用setData动态绑定上去的内容,好像是不会显示的。可能会和你开发的预期有出入。
有兴趣的朋友,可以扫码试一下这个功能。只有安卓可以用哦。