微信小程序 生成携带参数的二维码

生成携带参数的二维码是微信小程序开发中常用的功能之一。首先我们需要了解微信小程序二维码中的参数分为两种类型：场景值和自定义参数。场景值是微信提供的一些可识别的标识，自定义参数则是开发者自行定义的参数。下面是详细的攻略：

1. 场景值二维码

1. 在小程序代码中调用微信提供的场景值生成 API。将 path 指向需要打开的页面。如果页面需要带参数，可以在 path 的后面拼接参数（例如 pages/index/index?param1=value&param2=value2）。

const scene = '1010';
const pagePath = 'pages/index/index';
const queryStr = 'param1=value1&param2=value2';
const width = 200;

wx.createQRCode({
  path: `${pagePath}?${queryStr}&scene=${scene}`,
  width: width,
  success: res => {
    console.log('生成成功', res);
  },
  fail: err => {
    console.log('生成失败', err);
  }
});

在上面的示例中，调用了 wx.createQRCode 方法生成一个二维码，并指定了二维码的宽度为 200。path 参数中包含了场景值 scene 和自定义参数 queryStr，将会在打开小程序后通过 options 参数传递给目标页面。

1. 在小程序中展示生成的二维码。

<view>
  <image src="{{qrCodeUrl}}" />
</view>

在上面的示例中，将生成的二维码通过 qrCodeUrl 变量绑定到 image 组件的 src 属性上，即可在小程序中展示二维码。

2. 自定义参数二维码

1. 在小程序代码中调用微信提供的 wx.acode.getUnlimited 方法生成二维码，并在 params 参数中传递自定义参数。该方法生成的二维码没有大小限制，但使用次数有限制。

const pagePath = 'pages/index/index';
const queryStr = 'param1=value1&param2=value2';
const scene = '1010';
const params = {
  path: `${pagePath}?${queryStr}&scene=${scene}`,
  scene: 'custom_scene_value',
  auto_color: true,
  is_hyaline: false,
  line_color: { r: 0, g: 0, b: 0 }
};

wx.acode.getUnlimited({
  scene: JSON.stringify(params),
  success: res => {
    console.log('生成成功', res);
    const qrCodeUrl = res.filePath;
  },
  fail: err => {
    console.log('生成失败', err);
  }
});

在上面的示例中，调用了 wx.acode.getUnlimited 方法生成一个带有自定义参数的二维码，并将结果存储在本地文件系统中。调用方法时，需要将参数 params 转换为 JSON 字符串，再通过 scene 参数提交给微信服务器生成二维码。生成的二维码 URL 可以通过 filePath 属性获取。

1. 在小程序中展示生成的二维码。

<view>
  <image src="{{qrCodeUrl}}" />
</view>

在上面的示例中，将生成的二维码通过 qrCodeUrl 变量绑定到 image 组件的 src 属性上，即可在小程序中展示二维码。