首先瞄一眼实现后的效果:
可看到新加的分享到朋友圈的按钮
分享过程与发文至朋友圈是一样的
在朋友圈浏览效果
好友点击你分享的小程序的效果,点击进去就是你分享的页面
单页模式:用户在朋友圈打开分享的小程序页面,并不会真正打开小程序,而是进入一个“小程序单页模式”的页面
点击前往小程序就可以直接打开小程序。
实现微信小程序分享朋友圈功能
查看官方文档
https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share-timeline.html
小程序页面默认是不可被分享到朋友圈的,在不设置的情况下,分享按钮是灰色的,不可点击。
开发者需要主动设置“分享到朋友圈”。
下面根据文档介绍一下这个简单的实现方式:
要求:
基础库要2.11.3 以上版本
只支持平台:Android
首先,在需要增加小程序分享朋友圈的页面设置允许“发送给朋友”
//设置允许“发送给朋友”
onShareAppMessage: function(res){
return {title:'小程序推荐'}
}
更多参数说明,可查看https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html#onShareAppMessage-Object-object
效果:
在设置允许“发送给朋友”的基础上,再设置允许“分享到朋友圈”。
//设置允许“分享到朋友圈”,同时可自定义标题、分享图等
onShareTimeline: function(res){
return{
// title:'转发到朋友圈', //自定义标题,即朋友圈列表页上显示的标题 默认当前小程序名称
}
}
更多参数与使用方法,可查看https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html#onShareAppMessage-Object-object
效果:
完成这两步设置,在该页面就可以使用分享到朋友圈功能了。