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

功能描述

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

操作步骤

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

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

     

     

   • 填写配置项
     • 线上版本的二维码配置中，二维码规则和校验文件两项的配置需要后端配合。（不用填写“测试链接”）
     • 测试时，二维码规则可以自定义，校验文件不用管，但是测试链接一定要填写，测试范围选择体验版，这样的话，用微信扫描测试链接的二维码，就可以跳转到体验版小程序。

       

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

     • 小程序页面内接参步骤：

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] : ''
  }
})