【教程】微信扫描二维码进入小程序指定页面并携带参数

功能描述

1. 打开微信扫一扫，扫描产品上的二维码， 弹出小程序，跳到“邀请用户”页面 。
2. 解析二维码中的参数 ，自动填充到页面中的“邀请码”输入框。

操作步骤

1. 首先，要到微信公众平台对 扫普通链接二维码打开小程序 功能进行配置。

   • 找到"开发管理"-“开发设置”-“扫普通链接二维码打开小程序”

     

     

   • 填写配置项

     • 线上版本 的二维码配置中， 二维码规则 和 校验文件 两项的配置需要后端配合。（不用填写“测试链接”）

     • 测试 时，二维码规则可以自定义，校验文件不用管，但是 测试链接 一定要填写，测试范围选择 体验版 ，这样的话，用微信扫描测试链接的二维码，就可以跳转到体验版小程序。

       

2. 测试时，可以去 根据上一步中填写的测试链接生成二维码。

3. 小程序页面内接参步骤：

onLoad(async (options) => {
  //onLoad参数options.q可以拿到编码加密后的二维码链接
  if (options.q) {
    //1.将二维码链接解码
    let codeStr = decodeURIComponent(options.q)
    //2.取出对应参数
    const codeId = codeStr.match(/[?&]id=(\d+)/)
    devId.value = codeId ? codeId[1] : ''
  }
})