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

2021-07-31 0 1,885

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

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

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

声明:1、本站资源均来源于用户上传和网络传播,因此不包含技术服务,请大家谅解!2、本站所有资源仅可用于学习交流,若有商业用途之需,请购买正版,否则产生的一切后果将由下载用户本人自行承担。3、本站资源均来源于用户上传和网络传播,如侵犯您的权益,请务必联系客服(E-mail: 469663672@qq.com)删除。4、本站不保证所提供资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理!5、本站资源均来源于用户上传和网络传播,仅供学习交流、参考和研究,请理解这个概念,所以不能保证每个细节都符合您的需求,也可能存在未知的BUG与瑕疵,因本站资源均为可复制品,所以不支持任何理由的退款,请知悉后再支付下载!

新科源码 技术教程 微信小程序分享朋友圈开发教程 https://www.xinke123.net/438.html

常见问题
  • 因为源码、模板和插件等资源具有可复制性、可传播性,仅用于学习研究,不可商用,订单一旦生效,不支持退换,所以请您务必看清楚后再购买。
查看详情
  • 我们承诺资源均和演示效果图一样,如有不同,全额退款,并且我们的源码和模板都没有留后门,请放心使用。
查看详情

相关资源

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务