微信扫码直接拉起小程序到指定页面并携带参数

533 阅读1分钟

1.配置地址:微信公众平台->开发->开发管理->开发设置->扫普通链接二维码打开小程序->开启功能 2.开启功能后,点击添加,

image.png

如图,1,2就不说了,默认即可,

第3项,二维码规则是重点。 此项填写你的正在使用的,公网可访问的服务器地址, 如:test.qq.com

第4项,前缀占用规则,一般情况下,选择占用,方便进行匹配。

image.png

第6项,效验文件,点击下载,把该txt文件放置到你第3项填写的服务器路径下,如此处填写的是test.qq.com,那么如果这个域名映射的是一个nginx服务器,那么把这个txt文件放置到nginx服务器的默认工程根目录下即可。 需要达到的效果为:直接访问 test.qq.com/效验文件.txt 能直接打开这个效验文件。即代表放置成功。

第7项,跳转的小程序页面,以开发uni-app或原生微信小程序的工作目录为准,如pages/index/index,扫码后跳转的目标页面即为这个。

第8项,测试范围,根据需要进行选择。 第9项,根据需要进行选择,作者当时没用到。

保存后,需回到上一页面,点击发布,即可测试效果。

需要传参,就把二维码的连接内容指向为如:test.qq.com?id=123,

即可在pages/index/index页面,接收到传来的参数(需要手动截取)

onLoad(options) {
		const {q} = options;
                if (q) {
                    let urlStr = decodeURIComponent(q);
                    console.log('二维码链接:',urlStr)
	}
},