扫描设备二维码携带参数跳转到微信小程序指定页面(微信小程序二维码配置规则)

***1:打开微信公众平台: https://mp.weixin.qq.com 扫码登录***

2.点击左侧边栏开发=>开发管理=>开发设置=>服务器域名(必须是https服务 不可以是http)

提示:进行操作上线的项目千万不要忘记配置域名 不然你的接口请求不到数据 本机测试可以把开发工具的不校验域名打开是可以获取数据的
① request合法域名是发送请求获取数据的
② uploadFile合法域名是调用官方api上传文件需要使用
不一一列举
如下图开始配置:
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

3.点击左侧边栏开发=>开发管理=>开发设置=>服务器域名=>扫普通链接二维码打开小程序

点击右侧添加:

在这里插入图片描述

点击添加进入此界面:
在这里插入图片描述
点击保存

保存后自动跳转到这里
在这里插入图片描述

为了让大家看得清楚我一一拆分

1:二维码地址
在这里插入图片描述
2:小程序界面路径
在这里插入图片描述
3.点击操作的发布即可
在这里插入图片描述

以上二维码配置规则完毕----疑问链接配置好了 二维码怎么看?

教程

: 打开 百度搜索草料二维码生成器 https://cli.im/ 二维码生成工具,输入配置好的二维码规则即可生成二维码,

在这里插入图片描述

然后在你要跳转到的界面代码进行接收参数
在这里插入图片描述

 onLoad(options) {
 if (options.q) {
var scan_url = decodeURIComponent(options.q);
// var scan_url = "https://api.cloudmis.com?id='8'&orderId=8BE519DE9A6A426988B88AE5FD391280"正则匹配这个链接
var reg = /[a-z]+:\/\/([A-Za-z0-9.]+)+\?(([a-z])+=([A-Za-z0-9']+)+)+\&([A-Za-z0-9]+)+=([A-Za-z0-9']+)/i;
var arr = scan_url.match(reg);
			this.orderId = arr[6]//获取二维码链接传输的OrderId参数进行赋值保存(用的是vue语法)
			this.urlq = options.q//获取二维码传输的链接和所有参数
		}
		}

如果你是用的hbuild编辑器发布代码 要使用发行进行打包 不要点击运行 运行是测试的时候使用的
当然点击运行发布代码也可以正常使用(不建议)在这里插入图片描述

接下来检查好代码无误打开微信开发者工具就开始上传了:
在这里插入图片描述
上传成功后再次打开微信公众平台https://mp.weixin.qq.com
点击左侧边栏管理=>版本管理=>开发版本=>点击提交审核
在这里插入图片描述
审核通过后看审核版本点击发布
在这里插入图片描述
点击发布之后就是线上版本了 就可以打开草料二维码生成二维码扫码进入指定界面了
(注意需要发布代码需要填写你的小程序信息下期讲解 这期不是重点主题)
在这里插入图片描述
成果展示
在这里插入图片描述
下期出什么教程请留言

评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值