1.首先这个小程序二维码是后台生成的,需要后台去调用小程序的官方接口 后台去根据这个去配置
https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/qr-code.html
2.小程序端就可以在onLauch中获取数据或者子啊onShow中获取数据,根据产品需求
我是在onShow中获取的数据,拿到数据解析的情况如下
if (options.scene == 1047 || options.scene == 1048 || options.scene == 1049 && options.query.scene) {
let qrId = decodeURIComponent(options.query.scene)
console.log(qrId, '进来的数据又没有被解析转码')
// var paramsArr = qrId.split('?');
var _arr = qrId.split('=');
this.globalData.qrcodeDriverId = Number(_arr[1])
this.globalData.codeEntry = true
console.log(_arr, '解析去除链接符号&之后的数据')
console.log(this.globalData.qrcodeDriverId, '解析去除链接符号&之后的数据')
// 这里就是你拿着参数qrId进行操作
} else {
this.globalData.codeEntry = false
for (i = 0; i < pageCode.length; i++) {
if (pageCode[i].route == 'pageB/pages/edit/edit') {
if (this.globalData.qrcodeDriverId) {
this.globalData.codeEntry = true
} else {
this.globalData.codeEntry = false
}
console.log(this.globalData.qrcodeDriverId, '走到这边来了吗')
}
}
}
因为这这个页面展示根据扫码进来和不是扫码进来做了区分,拿一个全局变量来控制页面的展示情况
以上的运行到线上的数据解析情况,以上的方式扫描二维码就是直接跳转到线上的小程序,没法进行测试为了以防万一,我还配置了测试环境的是利用了小程序后台的扫二维码的方式进行的模拟这种方式,跟后天对接一样的数据,通过草料生成多个二维码,供人员测试,(此处是用的体验版本)
在这个地方配置,把文件下载给后台进行配置,配置之后返回会看到以下的这个页面,这个是需要发布根据你配置的版本进行发布,我为了测试发的是体验版本
另外也可以通过在模拟器上模拟传参的方式进行处理
画红框的就是你在页面拿到的参数,页面获取如下
// if (options.query.did) {
// console.log(‘数据’)
// this.globalData.qrcodeDriverId = options.query.did
// this.globalData.codeEntry = true
// }
通过这个对页面的展示进行一个处理 ,这个对于前端来讲主要是数据解析,然后根据对应的数据进行对应的页面展示即可,做个笔记记录一下,这也是我第一次尝试