1、问题描述
需要在微信小程序中,用户可分享带个人信息的小程序码,其它用户可通过分享的二维码,扫码进入页面进行注册,并统计分享人积分增加的功能。
2、解决方案
2.1、小程序开发配置
首先需在小程序的管理页面进行配置。需要在 开发 ---> 开发管理 下的开发设置 中,一直下滑直到出现 扫普通链接二维码打开小程序 进行设置,如下图如示:
这里要注意的是校验文件,需要把下载的检验文件放在服务器上。
2.2、官方文档解析
这里主要是两个部分,一是生成小程序码,二是解析小程序码。
小程序码生成部分可以部分,可以是前端来发起请求,在后端调用微信端相关接口来生成小程序码图片。
解析小程序码,是扫码进入配置的页面,在onload方法里进行解析。
具体看如下官方文档截图:
3、项目实战
3.1、小程序码的前端生成
通过按钮组装数据,数据是业务所需要的,场景包括用户的openID,后端通过getUnlimitedByBase64来发起请求。
前端代码:
3.2、小程序码的服务端生成
后端代码获取token,再调用getUnlimitedQRCode方法生成小程序码。
后端代码:
3.3、小程序端解析
scene 字段的值会作为 query 参数传递给小程序。用户扫描该码进入小程序后,开发者可以获取到二维码中的 scene 值,再做处理逻辑,比如积分增加等。
onLoad(e) {
// scene 需要使用 decodeURIComponent 才能获取到生成二维码时传入的 scene
const scene = decodeURIComponent(e.scene);
console.log('scene', scene);
uni.setStorageSync('scene', scene);
}
本文暂时没有评论,来添加一个吧(●'◡'●)