小程序分享到朋友圈功能_两行代码实现微信小程序分享到朋友圈功能!

首先瞄一眼实现后的效果:

可看到新加的分享到朋友圈的按钮

e3088517371283c4c975c43ea9da330b.png
分享过程与发文至朋友圈是一样的

a4ebd269abfe556618ebd40da79d0e97.png
在朋友圈浏览效果

2afa07bb7589d0748eb1d12bfc910745.png
好友点击你分享的小程序的效果,点击进去就是你分享的页面

单页模式:用户在朋友圈打开分享的小程序页面,并不会真正打开小程序,而是进入一个“小程序单页模式”的页面

171eacc59776f9ee6b4e4e8d44d79489.png
点击前往小程序就可以直接打开小程序。

实现微信小程序分享朋友圈功能

查看官方文档
https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share-timeline.html2e3eb871b04d9627d549e588eea3c010.png

小程序页面默认是不可被分享到朋友圈的,在不设置的情况下,分享按钮是灰色的,不可点击。450362415a311d889a718c3f2522ed4c.png
开发者需要主动设置“分享到朋友圈”。

下面根据文档介绍一下这个简单的实现方式:

要求:
基础库要2.11.3 以上版本
只支持平台:Android

  • 首先,在需要增加小程序分享朋友圈的页面设置允许“发送给朋友”

    //设置允许“发送给朋友”
onShareAppMessage: function(res){
return {title:'小程序推荐'}
}

更多参数说明,可查看https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html#onShareAppMessage-Object-objectdad984d76cb7935ade201030a8a02bf2.png
效果:c4698755f7ba247878ce663bff1381c4.png

  • 在设置允许“发送给朋友”的基础上,再设置允许“分享到朋友圈”。

    //设置允许“分享到朋友圈”,同时可自定义标题、分享图等
onShareTimeline: function(res){
return{
// title:'转发到朋友圈', //自定义标题,即朋友圈列表页上显示的标题 默认当前小程序名称
}
}

更多参数与使用方法,可查看https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html#onShareAppMessage-Object-objectf3250d17baf27b018b9264d393aca7da.png
效果:89d1a5002f3963f7d8b59a85ebda0ec3.png

完成这两步设置,在该页面就可以使用分享到朋友圈功能了。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值