微信小程序如何分享到朋友圈?

目前微信小程序不支持直接将小程序分享到朋友圈，但好多人都是将小程序二维码分享到朋友圈中，同样可以达到这种效果，腾讯这块限制分享的原因是因为朋友圈广告，如果直接分享到朋友圈，在用户这块可能就不容易分清楚广告跟小程序

简书作者

2019-03-07 16:36

背景

业务场景需要在小程序内生成活动的分享海报，图片中的某些数据需动态展示。可行的方案有️二：

服务端合成：直接返回给前端图片URL

客户端合成：客户端利用canvas绘制

客户端合成需要用到canvas，见这个网址，小程序canvas的那些事。客户端感觉很麻烦，要自己 *** 作canvas。

服务器端合成

我发现有人做了一个接口，输入服务器端的URL,直接返回一个图片，这样我就可以让前作做一个H5的页面，然后小程序中，直接得到这个图片然后分享到朋友圈。

下面是这个接口的小程序演示demo

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

---