实现微信小程序分享功能

一、场景介绍

场景：
用户A分享小程序，用户B点击小程序，即用户A成功邀请新用户，用户A升级为VIP。

思路：
用户A分享小程序，用户B点击小程序，获取用户A提供的参数，并向后台发送请求，后台通过提供的参数进行校验，再将用户A升级为VIP。

二、功能的简单实现

1.设置分享按钮

index.wxml

<button open-type="share">分享</button>

2.开启分享功能，并传递参数

接口：onShareAppMessage
接口地址：https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html#data

参数：id（参数名任意取）

index.js

Page({
	......
	onShareAppMessage: function (res) {
	    if (res.from === 'button') {
	      // 来自页面内转发按钮
	      console.log(res.target)
	    }
	    return {
	      title: '自定义转发标题',
	      path: '/pages/index/index?id=123',
	      // imageUrl:''  //封面
	    }
	  },
	  ......
})

3.接收分享小程序的参数

index.js

onLoad: function (query) {
    //获取路径中的参数
    console.log(query)
    //请求后端
    ......
}

三、展示

补充：
实际的分享中一般要考虑，用户A分享了小程序，用户A点击了自己分享的小程序，从而导致后端进行错误的判断，这里可以通过用户的 openid 校验是否是用户本身点击了小程序。