小程序线下扫码,动态传参

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
// }
通过这个对页面的展示进行一个处理 ,这个对于前端来讲主要是数据解析,然后根据对应的数据进行对应的页面展示即可,做个笔记记录一下,这也是我第一次尝试

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值