自定义二维码跳转到小程序

前言

最近公司有需求需要制作自定义二维码打开小程序，且该二维码要传递一些自定义参数，这时就要用到微信提供的扫普通链接二维码打开小程序，所以记录下来分享给大家。

操作过程

设置小程序服务端

通过阅读上面的微信小程序文档，我们先找到对应的微信后台菜单页面：开发管理
->开发设置->扫普通链接二维码打开小程序。

添加右上角的添加按钮，打开配置普通链接二维码规则页面，接着我们要设置：
1、协议类型

默认：https

2、选择大小写

默认：小写

3、二维码规则(地址)

设置：如，https://baidu.com

4、前缀占用规则

默认：不占用

5、校验文件

下载该文件放到上面的baidu.com域名根目录下，微信服务器会自动去校验。

6、小程序功能页面（扫码打开的页面地址）

设置：pages/main/main

7、测试范围

默认：体验版(后期测试通过发布之后选择线上版本)

8、测试链接(选填)

如：https://baidu.com?id=1&name=2&code=3

设置完成之后点击保存并发布

根据设置的二维码地址生成二维码

接着，用上面的地址：https://baidu.com?id=1&name=2...，生成二维码，这里有个在线生成二维码工具，生成之后，用自己的手机扫码看看是否跳转到小程序对应的页面

二维码参数获取

let queryAll = decodeURIComponent(options.q);
let id = this.gup('id', queryAll);

 gup(name, url) {
    if (!url) url = location.href;
    name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
    var regexS = "[\\?&]" + name + "=([^&#]*)";
    var regex = new RegExp(regexS);
    var results = regex.exec(url);
    return results == null ? null : results[1];
  },

总结

1、如果发现微信小程序打开报找不到页面，可以重新添加并保存，或者查看自己的地址是否正确
2、二维码规则就是要生成的二维码地址，到时候就把这个链接生成二维码即可

2022-7-5更新

注意：测试链接一定要填写，并且用填写的测试链接生成二维码才会成功

参考

扫普通链接二维码打开小程序如何传递动态参数？
扫普通链接二维码进入小程序