小程序分享功能实现_mpvue框架下小程序分享朋友圈功能实现

点击上方 蓝字可以订阅哦

分享朋友圈很适合内容型小程序，本文介绍下该功能在mpvue框架下的使用。

本文小程序码

基础库要求

• 基础库需要2.11.3版本以上

设置分享状态

需同时允许两个设置

• 设置允许“发送给朋友”(shareAppMessage)

• 设置允许“分享到朋友圈”(shareTimeline)

mounted() {

wx.showShareMenu({ menus: ['shareAppMessage', 'shareTimeline'] })

},

onShareAppMessage() {

return {

title: '标题',

path: '/pages/blog/main'

}

},

onShareTimeline() {

return {

title: '标题',

path: '/pages/blog/main'

}

},

真机效果

注意事项

• 低版本微信客户端打开时，会进入一个升级提示页面

• 不支持在小程序页面内直接发起分享

• 自定义分享内容时不支持自定义页面路径

• 存在 web-view 组件的页面不支持发起分享

• 支持打开开发版、体验版，无权限人员进入时页面会提示无权限

错误处理

如果有调用云函数的话可能会出现-404011云函数调用失败的问题，官方应该在修复了

参考资料

• 分享到朋友圈(Beta)：https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share-timeline.html

• Page.onShareAppMessage：https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html#onShareAppMessage-Object-object

• Page.onShareTimeline：https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html#onShareTimeline

• 《微信小程序平台运营规范》：https://developers.weixin.qq.com/miniprogram/product/#_5-1-%E6%BB%A5%E7%94%A8%E5%88%86%E4%BA%AB%E8%A1%8C%E4%B8%BA

觉得这篇文章有帮助？请转发给更多人

关注 极客之路 加星标，每天进步一点点