小程序通过扫码进入时获取二维码中的参数避坑

真的是巨坑,微信通过扫码进入的参数会被微信那边进行一些编译处理。最近刚遇到,
比如:后端传给我的是在这里插入图片描述
scene是“10,24”,但是前端没做处理拿到的就是{scene: “21%2C212”},这个鬼东西了。
我是如下处理的:let sion = JSON.stringify(decodeURIComponent(option.scene));
我们再情景再现一下,想一下。
1 开发阶段,在开发者工具中
微信开发者工具中编译条件中有一个自定义编译模式,同时可以携带参数,启动参数中写你要携带的参数(注意再次声明这是开发阶段)

上面控制台输出的 { id: ‘1’ } 是:

onLoad (option) {
  console.log(option)
}

这时候你就可以继续你的开发,拿着参数去请求数据等等操作

2 发布阶段,现在假如你的小程序要发布了
这时候应该改变获取参数的方式,因为正式发布后的获取的参数和在开发者工具中是不一样的,这个坑至少在我写这篇博客时候还是存在的。下面代码是你获取正式发布小程序后的入口二维码中参数的代码,scene是微信生成二维码方法的一个参数,用来写你要在二维码中携带的参数

onLoad (option) {
  console.log(option)
  if (option.scene) {
    let qrId = decodeURIComponent(option.scene)
    ... // 这里就是你拿着参数qrId进行操作
  }
}

这里的控制台输出是因为我在开发者工具中用的二维码编译的方式启动的小程序,我的小程序已经发布了,所以能生成二维码,这也是我写这篇博客的原因,掉坑了刚爬出来。。。看到那个控制台的输出其实你应该明白了,在开发者工具中和实际获取的参数格式是不一样的(坑啊!!!有木有)
上面参数是“1”,其实这是因为我在生成二维码时 scene 写的值是 “1”,而不是“id=1”,因为实际中的参数并不是对象而是一个字符串,所以还不如直接写个“1”,省的拆分了

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值