朋友圈又要火了！小程序这个新功能要炸天了！

大家好，我是你们可爱的前端技术小哥哥。

可将小程序页面分享到朋友圈。适用于内容型页面的分享，不适用于有较多交互的页面分享。

目前官方文档上显示的还是Beta版本的，暂时只支持Android平台的支持，然后小程序的基础库是从2.11.3版本开始支持。

使用要满足两个条件

默认是不可被分享到朋友圈，需要开发者主动设置“分享到朋友圈”，页面允许被分享到朋友圈，并且要满足两个条件。

1.页面必须设置允许了“发送给朋友”，也就是 onShareAppMessage 的接口。

2.满足条件1后，就可以给页面需设置允许“分享到朋友圈” onShareTimeline 接口，同时可自定义标题、分享图、分享页面路径等实际使用起来跟分享给朋友的设置一样。

重点注意事项

01用户在朋友圈打开分享的小程序页面，并不会真正打开小程序，而是进入一个“小程序单页模式”的页面。

1.页面无登录态，与登录相关的接口，如 wx.login 均不可用；云开发资源需开启未登录访问方可在单页模式下使用。

2.不允许跳转到其它页面，包括任何跳小程序页面、跳其它小程序、跳微信原生页面

3.不允许横屏使用

4.若页面包含 tabBar，tabBar 不会渲染，包括自定义 tabBar

5.本地存储与小程序普通模式不共用

02分享朋友圈能力是为了满足纯内容场景的分享诉求，滥用于营销、诱导等行为将会被打击。

1.不得存在滥用分享违规行为。如强制用户分享行为；分享立即获得利益的诱导行为；以及通过明示或暗示的样式来达到诱导分享目的的行为等。

2.在“单页模式”下，不得诱导或强制用户点击“打开小程序”，应在“单页模式”中尽可能呈现完整的内容。

朋友圈一直以来都是微信生态圈里流量最多的，也是最容易引流的一个圣地，这次小程序开放“分享到朋友圈的功能”，将会使得小程序更加容易被用户发现，也更容易的方便用户推荐和分享。

以下是我的开发版本的体验效果**

公众号关注“玩的多”了解更多

小程序默认不能分享朋友圈，开发者需主动设置“分享到朋友圈”。页面允许被分享到朋友圈，需满足两个条件：

    首先，页面需设置允许“发送给朋友”。具体参考 Page.onShareAppMessage 接口文档

    满足条件 1 后，页面需设置允许“分享到朋友圈”，同时可自定义标题、分享图等。具体参考 Page.onShareTimeline 接口文档

满足上述两个条件的页面，可被分享到朋友圈。

### 条件1：（在js中添加onShareAppMessage）

onShareAppMessage: function (ops) {

    wx.showShareMenu({

      withShareTicket: true,

      menus: ['shareAppMessage', 'shareTimeline']

    })

}

### 条件2：（在js中添加onShareTimeline）

  onShareTimeline: function () {

    return {

      title: '分享的标题',

      query: {

        // key: 'value' //要携带的参数

      },

      imageUrl: ''  //分享图,默认小程序的logo

    }

  },

### 点击小程序右上方三个点分享朋友圈，效果如下：

就在7月初，我看到了微信小程序的官网有了分享至微信朋友圈的功能上线beta板，目前只能在android手机显示分享至朋友圈的按钮，iphone手机暂时不支持，但是android手机分享出来的，iphone手机是可以查看的，不多说，先看一下最终的真机上的展示效果（android和iphone手机）

可将小程序页面分享到朋友圈。适用于内容型页面的分享，不适用于有较多交互的页面分享。

小程序页面默认不可被分享到朋友圈，开发者需主动设置“分享到朋友圈”。页面允许被分享到朋友圈，需满足两个条件：

满足上述两个条件的页面，可被分享到朋友圈。

用户在朋友圈打开分享的小程序页面，并不会真正打开小程序，而是进入一个“小程序单页模式”的页面，“单页模式”有以下特点：

可通过判断 场景值 等于 1154 的方法来进行页面适配。另外，在单页模式下，可设置顶部导航栏与页面的相交状态，具体参考 navigationBarFit 配置。

还需留意的是，在单页模式下， wx.getSystemInfo 接口返回的 safeArea 为整个屏幕空间。

小程序“单页模式”适用于纯内容展示场景，可实现的交互与接口能力有限，因此存在如下限制：

对于一些会产生交互的组件或接口，在点击后调用时，会d toast 提示“请前往小程序使用完整服务”。为达到良好的用户体验，请注意适配单页模式的接口能力，请勿大量使用被禁用的接口或组件。

需要了解更多，可以具体看看官方：

https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share-timeline.html

1、目前只支持android手机，但iphone手机可以查看

2、有部分的android手机也显示不了“分享至朋友圈”的按钮（因为目前知识beta版）

3、不久之后肯定会发布正式版本，到时候iphone和android手机都可以实现，现在小伙伴可以尝鲜一波。

4、还有一点值得注意的是：不得存在滥用分享违规行为。如强制用户分享行为；分享立即获得利益的诱导行为；以及通过明示或暗示的样式来达到诱导分享目的的行为等。这也是小程序一开始没推出这个功能的一大原因。

---