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

记一下小程序分享朋友圈功能的实现

分享朋友圈很适合内容型小程序，所以就在博客小程序里加了这个功能(可能也用不到😄)

• ​​基础库要求​​
• ​​设置分享状态​​
• ​​真机效果​​
• ​​注意事项​​
• ​​错误处理​​
• ​​参考资料​​

​​#​​ 基础库要求

• 基础库需要2.11.3版本以上
• 目前仅支持安卓

​​#​​ 设置分享状态

需同时允许两个设置

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

注意：事件处理函数返回一个 Object，用于自定义分享内容，不支持自定义页面路径

mounted() {
    wx.showShareMenu({ menus: ['shareAppMessage', 'shareTimeline'] })
},
onShareAppMessage() {
    return {
        title: '标题',
        path: '/pages/blog/main'
    }
},
onShareTimeline() {
    return {
        title: '标题',
        query: 'a=1', // 自定义页面路径中携带的参数，如 path?a=1&b=2 的 “?” 后面部分
        imageUrl: '' // 自定义图片路径，显示图片长宽比是 1:1，默认使用小程序 Logo
    }
},

​​#​​ 真机效果

​​#​​ 注意事项

• 低版本微信客户端打开时，会进入一个升级提示页面
• 不支持在小程序页面内直接发起分享
• 自定义分享内容时不支持自定义页面路径
• 存在 web-view 组件的页面不支持发起分享
• 支持打开开发版、体验版，无权限人员进入时页面会提示无权限

​​#​​ 错误处理

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

​​#​​ 参考资料

• ​​分享到朋友圈(Beta) ​​
• ​​Page.onShareAppMessage ​​
• ​​Page.onShareTimeline ​​
• ​​《微信小程序平台运营规范》 ​​