uniapp微信小程序开发踩坑日记：获取带参小程序码中的参数（获取地址栏参数）

一、三种小程序码

微信提供了三种生成小程序码的接口

第一种小程序码是有限制的，只能在微信内打开，不能长期保存和分享

第二种小程序码可以保存到手机相册，也可以分享给其他人，适合在需要长期保存或分享的场景下使用

第三种小程序码是一种带参数的小程序码，可以包含额外的信息，比如推广参数或场景信息

今天我们要介绍的就是获取带参小程序码中的参数

二、参数获取

带参数的小程序码除了携带扫码后跳转到的页面信息外，还可以携带由程序员设置的额外参数

额外参数一般会拼接在目标页面（即扫码后跳转的页面）的地址栏上，所以获取参数就相当于获取地址栏的参数值

假设扫码后跳转的页面路径为：pages/invite?scene=teamId=1&secret=SMhbE，下面是在目标页面获取地址栏参数的代码及注释

import { onLoad } from "@dcloudio/uni-app";

// 在页面的生命周期函数中获取页面地址栏参数（获取小程序码场景值）
onLoad(() => {
  // 获取当前页面栈
  const pages = getCurrentPages();
  // 获取当前页面对象
  const currentPage = pages[pages.length - 1];

    // 解码获取到的scene参数值：teamId=1&secret=SMhbE
    const scene = decodeURIComponent(currentPage.options.scene);

    // 进一步解析参数
    const params = {};
    // 将参数字符串按'&'分割成数组，然后对每一项进行处理
    scene.split('&').forEach(item => {
      // 对每一项按'='分割成key和value，并存入params对象中
      // 解析后的 params：{
      //   secret: "SMhbE"
      //   teamId: "1"
      // }
      const [key, value] = item.split('=');
      params[key] = value;
    });

    // 获取团队ID和密钥，如果参数中不存在对应的值，则使用空字符串代替
    const teamId = params.teamId || ''; //团队ID
    const secret = params.secret || ''; //密钥
})