微信小程序通过扫描自定义的普通二维码打开并解析参数

功能简介

小程序需要线下扫码邀请,线下商家二维码,这个功能就非常 nice!我们可以通过自定义二维码内容,加入一些参数,就可以通过微信扫一扫或长按识别图中二维码打开

微信小程序官方文档: 扫普通链接二维码打开小程序

如何设置

登录小程序后台 -> 开发 -> 开发管理 -> 开发设置 -> 扫普通链接二维码打开小程序 -> 添加

注意:

校验文件需要,下载到本地,然后上传到规则中指定的域名的服务器,保证路径可以访问到该文件

如果你想在开发版,或者体验版中测试,这里填的测试链接,只有当生成二维码的内容和测试链接一样的时候,才会打开指定的版本,否则就会打开线上的版本

获取参数中的内容

onLoad(options) {
    if (options?.q) {
        var scene = decodeURIComponent(options.q, true) // 使用decodeURIComponent解析  获取当前二维码的网址
	let params = scene.split('qrcode/')[1]
        console.log(params)
    }
}

如何测试功能是否正常

第一种方式

注意:定义规则时,需要选择体验版

1. 手机上测试
2. 将代码打包上传,设置成体验版
3. 打开小程序的调试模式
4. 使用配置的测试链接生成一个二维码,通过微信扫一扫
5. 在 vsconsole 调试面板中查看打印结果

第二种方式

注意:定义规则时,需要选择开发版

1. 微信开发者工具里面二维码编译

这里的二维码还是必须使用配置的测试链接生成的二维码,在控制台中查看打印结果