两步实现微信小程序分享朋友圈

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

    首先，页面需设置允许“发送给朋友”。具体参考 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

    }

  },

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

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

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

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

使用要满足两个条件

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

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

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

重点注意事项

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

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

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

3.不允许横屏使用

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

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

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

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

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

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

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

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

你好，onmenusharetimeline触发条件：

1.图片大小要大于300pix才能显示

2.这个方法必须先config成功，然后再wx.ready里才能调用。我直接放到$(function(){})里执行，实践证明是不行的。

希望对你有帮助

---