小程序配置可动态传参二维码

开发前相关配置

1. 按照官方文档配置如下：小程序后台配置-开发管理-开发设置-扫普通链接二维码打开小程序。微信开放文档

假设二维码的地址是https://www.xxx.com/xxx?code=xxx，code值是我们要动态传递的参数，

开发过程中配置，假设我们二维码的地址是：https://www.xxx.com/xxx?code=xxx，code 是我们要动态传递的参数，那么如何能够动态传递呢？这里我们需要去改变一下我们二维码的地址，二维码地址我们做一下修改：https://www.xxx.com/xxx?name=test&code=xxx。这里很明显我们把code放到第二参数去接收，第一个参数 可以随便写，但必须是固定的参数，不能修改。这里我们添加一个规则：

这里注意  下载效验文件，效验文件要放到 https://www.xxx.com/QUIGNQWuhh.txt下，并确保可以访问，可以访问了才能生成规则，可能会出现开发版接收不到动态参数，可换体验版体验版，体验版在小程序后台成员管理中要维护相应的 体验成员账号。测试账号可以先传几个 固定的code码进行测试。体验版中一定要注意：没有在测试链接维护的账号生成的二维码是扫不出来的。必须要在微信开发者工具里进行代码上传到体验版中才能看到效果。

保证 https://www.xxx.com/QUIGNQWuhh.txt 可以访问步骤

微服务下进行配置：存放到当前服务下后可以启动该服务使用  https://127.0.0.1:443/GpcVxu7bqz.txt 进行测试访问再发布到服务器上

开发调试

 生成好规则，上传完代码，这个时候 用测试链接中的地址生成二维码已经可以跳转到小程序了。这里已经成功了一半。接下来就是拿参数了，这里使用的vue开发的，如果是使用Taro开发的小程序则无用

在小程序后台配置的跳转页面的 onLoad 方法内使用我这里的跳转页面为 pages/index/index，使用option.q 拿到链接，再使用 decodeURIComponent 函数来进行解码，解码后的参数：https://ky3h.xxxx.cn?itemld=1700086686496624641&userld=99999，再使用 analysisUrlParam 函数来获取链接带过来的参数，用wx.showModal 弹窗来进行体验版调试

onLoad(option) {
        const opScene = decodeURIComponent(option.q); // 解码 URL
        const scancodeTime = option.scancode_time;// 获取扫码时间戳

        var params = this.analysisUrlParam(opScene)// 获取url参数集合
        const thisData = this.data.joinGroupRequestParams

        this.setData({
            itemId: params.itemId,
            userId: params.userId
        })
        wx.showModal({
            title: '提示',
            content: '测试参数' + opScene + '，' + scancodeTime + '---------->' + params.itemId + ','
                + params.userId + '---------->' + this.data.itemId + ',' + this.data.userId,
            success(res) {

            }
        })
    },

备注提醒
最后也是很重要一点，我提交代码到体验版，发现只有 测试链接中的配置地址才能跳转到小程序，只要改变 userId 的值，就跳转不进去了。在这一块我卡了很久，最后才发现，只有在线上正式版才会生效。也就是说，这块不用管，调试完成后，代码审核发布，审核发布后记得：把规则修改为线上版，然后发布规则就可以了。这个时候我们发现 userId 可以随意传值，都能跳转小程序了。切记，只有代码和规则发布后才能生效。

特此感谢：https://blog.youkuaiyun.com/gc_89757/article/details/112862613