获取小程序二维码携带的参数

本文介绍如何使用微信小程序从二维码中获取参数。通过decodeURIComponent解码并解析参数字符串,实现将参数映射为对象属性,方便在小程序中使用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

小程序获取二维码参数

生成二维码的时候使用的是 wxacode.getUnlimited,接口 B(数量不受限制,参数较短)

文档的截图如下:
在这里插入图片描述

可以看到生成的二维码的参数需要放在 scene
假设现在我们需要跳转商品详情,并且需要带 2 个参数,一个商品 ID,一个店铺 ID
则有: goodsId=1&storeId=2
然后在对应页面使用 this.options.goodsIdthis.options.storeId 来获取对应参数即可

可是通过二维码生成的链接并不能这样获取参数,打印 this.options 发现所有的参数都在
this.options.scene中,并且已经通过 urlencode 处理,说白了就是全部参数变成了字符串。这时候要获取就不好操作了


下面说下怎么获取对应的参数

Page({
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    if (options.scene) {
      Object.assign(this.options, this.getScene(options.scene)) // 获取二维码参数,绑定在当前this.options对象上
    }
    console.log(this.options) // 这时候就会发现this.options上就会有对应的参数了
  },
  /**
   * 获取小程序二维码参数
   * @param {String} scene 需要转换的参数字符串
   */
  getScene: function(scene = "") {
    if (scene == "") return {}
    let res = {}
    let params = decodeURIComponent(scene).split("&")
    params.forEach(item => {
      let pram = item.split("=")
      res[pram[0]] = pram[1]
    })
    return res
  }
})

主要是用到了 decodeURIComponent 解码(这里并不能直接获得对象参数,只是把=被转义的东西重新转换回来)
然后在根据& 获取每一个参数,获取到每一个参数后,在通过循环,通过=分割键值对

这样就可以获取小程序二维码携带的参数了,并且获取后放入到this.options对象里面,整个页面都可以用

### 如何生成带有参数的微信小程序二维码 为了生成带有参数的微信小程序二维码,需遵循特定流程并调用相应的API接口。具体操作如下: #### 获取Access Token 首先需要通过微信公众平台提供的接口来获取`access_token`,这是后续请求必需的一个凭证。由于`access_token`有7200秒的有效期限,在其失效之后应当及时更新以确保正常工作[^4]。 ```http GET https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=SECRET ``` 其中`APPID`和`SECRET`分别为开发者账号下的应用ID与密钥。 #### 调用创建二维码接口 成功获得`access_token`后,可以利用它来构建HTTP POST请求至指定端点,从而创建自定义路径及附加参数小程序码。对于希望传递额外数据的情况,可以在JSON负载内加入scene字段用于表示查询字符串或其他形式的数据编码[^2]。 ```json { "path": "/page/index/index?pageId=123", "width": 430, "auto_color": false, "line_color": {"r":"0","g":"0","b":"0"}, "is_hyaline": true } ``` 上述示例展示了如何设定目标页面及其携带的具体参数(如`pageId=123`),同时还可以调整图像尺寸和其他样式属性。 #### 处理返回结果 当服务器响应成功时会返回一张图片流格式的结果,即所求的小程序二维码。此时可以根据实际需求保存到本地磁盘或是直接展示给用户扫描使用[^3]。 ```python import requests url = 'https://api.weixin.qq.com/wxa/getwxacodeunlimit' params = { 'access_token': access_token } data = { "scene": "PARAMETERS", # 参数部分应替换为实际想要附带的信息 "page": "pages/index/index" } response = requests.post(url, params=params, json=data) if response.status_code == 200: with open('qrcode.png', 'wb') as f: f.write(response.content) else: print(f'Error: {response.text}') ``` 这段Python代码片段说明了怎样发送POST请求并将接收到的内容作为PNG文件存储下来。
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值