微信小程序已支持分享到朋友圈

微信小程序大概本周二也就是7月7日的时候悄悄上线了分享到朋友圈功能，目前还是beta版本。

小程序分享到朋友圈.jpeg

小程序分享到朋友圈.jpeg

目前小程序分享到朋友圈有以下2个限制：

a.仅支持Android平台，ios平台暂不支持
b.微信基础库限制2.11.3及以上

开发者设置分享小程序到朋友圈，有2种方式：

1. wx.showShareMenu()，支持快速分享到朋友圈使用默认小程序标题，分享图为小程序logo，不可自定义参数。（uni-app已支持）

wx.showShareMenu({
  menus: ['shareAppMessage', 'shareTimeline'] //shareAppMessage必须得有
})

2. onShareTimeline()，支持自定义分享到朋友圈的小程序标题、分享图，自定义query参数。（uni-app截止发文暂不支持）

//注意必须得设置允许“发送给朋友”onShareAppMessage，是设置onShareTimeline的前提，否则不支持分享到朋友圈
onShareAppMessage: () => {
},
onShareTimeline: () => {
  return {
    title: "测试小程序朋友圈分享",
    query: "id=110101&name=heyzqt",
    imageUrl: "https://example.cn/test.png"
  }
},

单页模式

用户在朋友圈打开分享的小程序页面，虽然是小程序里的一个页面，但是不会真正打开小程序，可以理解成只用来预览的一个单页。

单页模式页面.jpeg

这个单页模式下顶部会固定有导航栏，底部固定有操作栏，且不可自定义，所以要考虑适配的问题。

默认预览的是当前小程序的内容，但因为单页模式下一些组件或接口有限制，比如页面无登录状态、wx.login均不可用，不能跳转其他页面、不能横屏、不会渲染tabBar、本地存储和小程序普通模式不共用。

所以在一些交互操作的时候，可能会弹出toast提示请前往小程序使用完整服务，所以微信官方建议分享朋友圈最好在纯内容场景分享的情况下使用。

最近微信官方也有很多对小程序利好的行动，比如H5跳转小程序开始公测了，企业红包封面故事跳转小程序，都挺有意思的，大家可以关注关注。

更多细节可以看微信开发者文档分享小程序到朋友圈

如果对你有帮助的话，点赞、评论、赞赏都是对我的鼓励，也是支持我写下去的动力，谢谢！

本文原创发布于微信公众号「程序员张晴天」，欢迎关注第一时间获取最新分享，一起进步。

程序员张晴天.jpg