小程序分享

1 小程序右上角自带的分享功能

如何显示右上角分享选项？
页面里设置 wx.showShareMenu()
或者设置如下代码

onShareAppMessage: function (res) {
  console.log(res.from)  // menu 或者 button
  return {
    title: '自定义转发标题',
    path: '/page/user?id=123',
    imageUrl:''
  }
},

获取群的标识
调用 wx.showShareMenu 并且设置 withShareTicket 为 true ，当用户将小程序转发到任一群聊之后，此转发卡片在群聊中被其他用户打开时，可以在 App.onLaunch 或 App.onShow 获取到一个 shareTicket。通过调用 wx.getShareInfo 接口传入此 shareTicket 可以获取到转发信息。

//页面里调用此函数，右上角显示“转发”选项
wx.showShareMenu({
  withShareTicket: true,
})

onShareAppMessage() {
    return {
      title: '页面分享标题',
      path: '/pages/path/to/target',
      success(res){
        console.log(res.shareTickets[0]) //  shareTickets 是个数组 这个数组永远只有一个值。这里可以获取分享目标群的id
      }
    }
  }

//app.js
App({
  onLaunch: function (options) {
    if (options.shareTicket){
      wx.getShareInfo({
        shareTicket: options.shareTicket,
        timeout: 3000,
        success: (res) => {
          console.log(JSON.stringify(res)); //转发信息， 群id是加密的，需要服务端或者node解密
        }
      })
    }
  }
})

2 自定义分享按钮

分享按钮

onShareAppMessage: function (res) {
  console.log(res.from)  // menu 或者 button
  return {
    title: '自定义转发标题',
    path: '/page/user?id=123',
    imageUrl:''
  }
},

3 客服消息-分享至朋友圈

在小程序中加入客服消息入口，允许用户给客服发送消息

客服消息

同时，也允许小程序的客服主动给用户发送消息，其中，可以发送图文链接。
开发者可以在用户打开聊天对话框时，主动给用户发送图文链接，用户点击该链接之后，将会跳转到微信的浏览器（H5）页面

这里就可以分享到朋友圈了

微信目前还并未提供入口，将微信小程序直接在朋友圈进行展示，但是同样的，微信也没有禁止在朋友圈内展示小程序码，而我们通过小程序进行分享的是图文链接，那么图片自然就可以是需要分享的微信小程序码，至于文字，还可以作为运营人员的推广。

小程序分享到朋友圈步骤总结：

1. 引导用户点击“客服消息”，进入“客服消息界面”
2. 开发者像用户推送一个图文链接
3. 用户点开链接进入H5页面，引导用户分享到朋友圈
4. 其他用户点开分享的朋友圈后，展示图片，图片上面有小程序码和推广文字，引导用户扫码，关注小程序

4 生成图片-分享至朋友圈

1. 在小程序中用户点击按钮，用canvas生成一个带小程序码和推广文案的图片，保存到用户相册里wx.saveImageToPhotosAlbum
2. 引导用户把刚才保存到相册里的图片分享到朋友圈
3. 其他人点击分享的图片后，推广文案会引导扫码

数据追踪

运营人员经常会期望知道哪些用户是自然量，哪些用户是推广量，不仅如此，他们常常期望给那些乐于分享的用户一些奖励,所以需要记录每个用户通过分享获客的数量
1. 分享到朋友圈
分享至朋友圈是通过分享小程序码来达到分享功能的，那么想要进行数据匹配，肯定是通过小程序码来做文章了。

通过调用微信的不同的接口，可以生成类型不同的小程序码，我们调用接口：https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=ACCESS_TOKEN，具体参数如下：

image

关注参数scene和page即可，我们可以将用户的userid或者唯一标识放入其中，这样在其他被拉进小程序的用户打开page页面时，我们可以通过以下方式获取到分享发起者的用户唯一标识：

image

此时，便可以根据此唯一标识来给对应的用户发放奖励了。

2. 分享至好友/群
分享至好友/群和分享至朋友圈的内容并不一致，后者是分享图文链接，而分享至好友群的往往是小程序本身，群中的用户通过该分享可以直接进入小程序，那么如何进行数据匹配呢？

其实方法大同小异，通过查看微信小程序的api，如下：

image

此处的path中可以加入用户的唯一标识，接下来的流程和分享至朋友圈便是一样了。