[填坑手册]假如你被要求上线beta版功能--小程序分享到朋友圈 - WXOPEN Club

看到各种大V和技术圈都说在小程序分享到朋友圈的事情，不少人忍不住开始尝试起来，不少__甲方爸爸、需求方大佬__看到了宣传，就想直接用上。。。我想说beta测试的东西常常有很多坑要填的，慎用_·

先来看下官方文档：
https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share-timeline.html

很明显，还只是beta版，而且只支持Android分享，还有很多不完善的地方。（截止7月28日）

如何操作

2.代码

Page({
  onLoad: function (options) {
    //用于设置显示分享到朋友和朋友圈的icon
    wx.showShareMenu({
      withShareTicket: true,
      menus: ['shareAppMessage', 'shareTimeline'],
      success(res) {
        console.log('showShareMenu',res);
      }
    })
  },
  onShareTimeline(res){
    let shareObj = {
      title:"前端智酷方程",
      path:"/pages/news/index" // 配置这个目前是没有用!!! 不能自定义路径
      query:"a=1&b=2",
      imageUrl:"/pages/img/logo.png"
    }
    return shareObj;
  }
})

可以看到目前分享到“朋友圈”只能分享__当前页面__，可以带参数，但是__不能自定义路径__。

3.具体操作

IDE上

实际手机上朋友圈的效果：

误区：分享到朋友圈不是小程序入口，其实是单页模式

很多人以为分享到朋友圈，就是在朋友圈直接打开小程序，其实并不是，而是打开一个单页，你可以认为是一个“独立的空间”，有诸多限制！

“单页模式”下，页面顶部固定有导航栏，标题显示为当前页面 JSON 配置的标题。底部固定有操作栏，点击操作栏的“前往小程序”可打开小程序的当前页面。顶部导航栏与底部操作栏均不支持自定义样式。
“单页模式”默认运行的是小程序页面内容，但由于页面固定有顶部导航栏与底部操作栏，很可能会影响小程序页面的布局。因此，请开发者特别注意适配“单页模式”的页面交互，以实现流畅完整的交互体验。
“单页模式”下，一些组件或接口存在一定限制。