-
2020-03-27 14:28:10
1,后台直接拼接参数
在小程序的首页onLoad方法里面获取参数:
async onLoad(opt) { if(opt.q){ //参数为:调用小程序链接?query=xxxx let q = decodeURIComponent(opt.q); let _i1 = q.split('?')[1]; let _i2 = _i1.split('=')[1]; //只传一个参数的情况下,_i2[0]为参数名,_i2[1]为参数值 } }
2,使用场景值进行传参
onload生命周期函数中获取,
参数格式为:
scene=a%3Dxxxxx%26b%3Dxxxxx
scene: 这个参数是取页面链接的地方
%3D:这个是被微信加密后的等号,等号前面的是你自己定义的key,等号后面的是value
%26:这个符号代表的是微信加密号后的 & 符号async onLoad(opt){ if(opt.scene){ var scene = opt.scene; var reg = new RegExp('scene=', "g"); scene = scene.replace(reg, ""); scene = decodeURIComponent(scene); var arrPara = scene.split("&"); var _data = {} for (var i in arrPara) { var item = arrPara[i].split("="); _data[item[0]] = item[1] } //得到的arrPara为参数对象 },
在开发者工具中选择自定义条件写上参数,进入场景选择扫描二维码,进行模拟调试
更多相关内容 -
微信扫码进入小程序
2019-10-27 18:21:56这几天开发完小程序之后,需要实现微信扫码进入小程序,坎坎坷坷的过程终于实现了,现在做一总结: 1、配置二维码规则: 2、页面插入代码即可: onLoad: function(options) { ...这几天开发完小程序之后,需要实现微信扫码进入小程序,坎坎坷坷的过程终于实现了,现在做一总结:
1、配置二维码规则:
2、页面插入代码即可:
onLoad: function(options) { console.log("index 生命周期 onload" JSON.stringify(options)) //在此函数中获取扫描普通链接二维码参数 let q = decodeURIComponent(options.q) if (q) { console.log("index 生命周期 onload url=" q); } var exist = q.indexOf("?"); console.log(exist); if (exist != -1) { //扫码进入 var paramsId = q.split('?')[1].split('=')[1]; console.log('扫码进入,paramsId:', paramsId); } else { // 正常点击进入 console.log('正常点击进入'); } },
3、拿到参数之后就进行相应的请求即可。
更多专业前端知识,请上 【猿2048】www.mk2048.com -
微信扫码进入小程序取参
2019-02-18 15:46:471.小程序扫码功能,用处普遍,只有发布了正式版本,才可以测试,虽说微信的开发工具提供了模拟扫码的入口,但是开发测试和上线以后,这两个参数的获取还是存在差异的,下面我就讲讲,我是如何趟过这个坑的,并会把我...小程序扫码
小程序扫码功能,官方只给了简单的介绍,和方法,这让很多像我一样的菜鸟,刚接触这样的功能时,完全无从下手,本章,我会详细的介绍一下,小程序扫码功能的实现。
注意事项:
1.小程序扫码功能,用处普遍,只有发布了正式版本,才可以测试,虽说微信的开发工具提供了模拟扫码的入口,但是开发测试和上线以后,这两个参数的获取还是存在差异的,下面我就讲讲,我是如何趟过这个坑的,并会把我正式上线的扫码功能代码贴出来(不用找了,网上没有这么干的,见者有缘,转载记得带上原文地址就行。)
首先微信开发工具的自定义模拟肯定是用到了,上图
最主要的就是启动参数和进入场景的演示:
1.启动参数:这个地方可以看到有类似乱码的存在。下面我拆解一下,告诉你这是什么意思。
scene=storeCode%3D10003060%26tableNo%3D0001
scene: 这个参数是取页面链接的地方
%3D:这个是被微信加密后的等号,等号前面的是你自己定义的key,等号后面的是value
%26:这个符号代表的是微信加密号后的 & 符号
拆解以后是不是更加清晰了。下面我们来看代码:
首先我们来看通过微信扫码进入小程序取得参数的代码块:这里有几个要点:
1.微信扫码进入小程序取得参数,必须要写在跳转页面的 onload生命周期函数里(从链接里取参数,他们规定的)
2.在onload的生命周期函数里一定要传query,如图:
这个是从微信里拿到的,只要写了就行。//这个时候再去进行判断 if (query.scene) {//微信扫码的数据我们都模拟出来了,剩下当然就是截取有用的部分了。 var scene = query.scene; //把链接取出存到变量。 var reg = new RegExp('scene=', "g"); //然后创建一个正则表达式,截取scene=后面的数据部分 scene = scene.replace(reg, ""); //保留有用的部分重新存储到这个变量里 scene = decodeURIComponent(scene);//这是解码方式,把得到的链接数据进行解密 console.log("解密数据后路径===" + scene) //可以解密后打印查看 //然后通过 &符号截取他的左右两部分这个时候的数据格式应该是这样的 //storeCode=10003060 tableNo=0001 var arrPara = scene.split("&"); //紧接着我们只需要循环arrPara var arr = []; for (var i in arrPara) {//循环arrPara // 通过 = 号在截取一次 这是后的数据应该是 storeCode,10003060 tableNo,0001 arr = arrPara[i].split("="); //然后通过存缓存的方法,按顺序把你需要的 Key和value存起来。就拿到了你需要的参数了。 wx.setStorageSync(i == 0 ? "menu_storeCode" : "menu_tableNo", arr[1]); } }
这样,我们就避免了,扫码这个功能必须发布正式版以后才能在做调试这个问题了,小程序每次审核都有三个工作日左右,对于着急的程序猿们来说,因为这一个问题,反复调试,还得发布审核,这简直就是个煎熬。
-
微信扫码打开小程序
2020-11-04 16:05:11扫普通链接二维码打开小程序 微信官方文档:https://developers.weixin.qq.com/miniprogram/introduction/qrcode.html 一、首先登陆微信公众平台,找到开发>开发设置>扫普通链接二维码打开小程序 下面是...扫普通链接二维码打开小程序
微信官方文档:https://developers.weixin.qq.com/miniprogram/introduction/qrcode.html
一、首先登陆微信公众平台,找到开发>开发设置>扫普通链接二维码打开小程序
下面是配置好的链接
击添加按钮,进入添加规则页面
1.1 二维码规则(不需要加http://):www.xhy.com/main?id=
1.2 检验文件:下载检验文件后,放到域名www.xhy.com的根目录下。(注意:如果规则是www.xhy.com/main/test?id=,则需要把校验文件放到域名根目录下的main目录下)
1.3 测试连接: www.xhy.com/main?id=123456789
二、小程序接收二维码链接参数
2.1 配置好规则后,也有了测试链接,将测试链接生成二维码
2.2 测试链接(需要加上http://):http://www.xhy.com/main?id=123456789
2.3 配置跳转到小程序home页面,所以在home.js的onLoad方法,可以接收完整的二维码内容
2.4 拿到完成的内容后,需要自己解析出id所带的参数值
注:
1、扫面 http://www.xhy.com/main?id=123456789 这个测试地址生成的二维码,可以跳转到小程序(规则中测试范围选择的环境,开发版、体验版、线上版本),需要把对应的小程序代码发布对应的版本上才能生效
2、规则发布成功后,扫描 (二维码规则+任意字符串)http://www.xhy.com/main?id=xxxxxxxxxxx,将跳转到已发布版本的小程序。对于普通链接二维码,支持使用微信“扫一扫”或微信内长按识别二维码跳转小程序
3、为确保用户体验,小程序必须先发布代码才可以发布二维码跳转规则。
基本操作,按照官方文档即可
-
微信小程序-扫码点餐
2021-01-27 10:02:06微信小程序-扫码点餐 TODO 多人同步点餐,购物车、确认订单中,是否显示点餐人头像? 系统稍作改造可以支持服务员点餐 后端指定微信用户为服务员 小程序中,检测为服务员之后,提交订单 不发起微信支付,直接下单... -
微信扫码跳转小程序获取参数,uni-app,小程序扫码获取参数
2021-06-26 18:23:47微信扫码跳转小程序并且获取参数 实现步骤 生成二维码 如何测试 拿到参数 1.生成二维码 进入微信公众平台,打开小程序后台,工具-生成小程序程序码。 填入需要的appid,或者小程序名称 填入需要跳转的小程序的... -
微信扫码点餐小程序系统开发方案.pdf
2022-05-23 10:34:33微信扫码点餐小程序系统开发方案.pdf微信扫码点餐小程序系统开发方案.pdf微信扫码点餐小程序系统开发方案.pdf微信扫码点餐小程序系统开发方案.pdf微信扫码点餐小程序系统开发方案.pdf微信扫码点餐小程序系统开发方案... -
微信扫码点餐小程序系统开发方案.docx
2022-05-23 10:46:42微信扫码点餐小程序系统开发方案.docx微信扫码点餐小程序系统开发方案.docx微信扫码点餐小程序系统开发方案.docx微信扫码点餐小程序系统开发方案.docx微信扫码点餐小程序系统开发方案.docx微信扫码点餐小程序系统... -
微信扫码---进入小程序指定页面(传参)
2019-05-09 15:38:10商场的游戏机,用微信扫码获取机器id,进入到小程序指定页面,进行下单购买。 微信公众平台中 开发——开发设置——扫普通链接二维码打开小程序中配置的二维码有数量限制,不能满足多台机器的需要。 解决办法: 用... -
小程序:微信扫码,携带参数跳转到小程序指定页面
2021-09-04 11:01:47有一个场景,用户使用手机微信的扫码功能,扫描一个二维码,跳转到小程序指定页面这样是不是很方便,省去了原来先打开微信--找到小程序--登录--操作业务流程等一系列操作,直接到了目标页面,是不是很有价值。... -
微信小程序重新调起授权用户信息,扫码进入小程序获取二维码携带参数 ...
2021-03-29 19:51:11用户进入微信小程序-程序调出授权 (此图片来源于网络,如有侵权,请联系删除! ) 选择拒绝之后,需要用到用户授权才能正常使用的页面,就无法正常使用了。 解决方法: 在用户选择拒绝之后,弹窗提示用户 拒绝授权... -
简单图文工行微信扫码排队取号系统小程序.zip
2021-07-01 15:34:44简单图文工行微信扫码排队取号系统小程序.zip -
微信扫码点餐、订餐小程序.rar
2021-08-27 22:01:29原生微信端代码 -
微信扫码下单小程序怎么弄(做扫码下单小程序的方法)
2021-11-14 20:55:34很多粉丝朋友咨询我们说:自己想要弄个微信扫码下单的小程序该怎么弄?本文小编就给大家分享一下做扫码下单小程序的方法。 做个扫码下单小程序之前,我们首先要清楚自己的行业以及自己的产品或者服务是哪种类型。... -
微信小程序-实现扫码自动连接wifi(android)
2021-03-29 17:47:35小程序 缺点:android6版本 ios11版本 图片演示 (此图片来源于网络,如有侵权,请联系删除! ) 实现代码(IOS没看懂文档说明 只简单的带过 希望能实现的朋友@我一下) // pages/wifi/wifi.js Page({ data: { start... -
微信小程序——小程序地图定位(截图+源码).zip
2022-04-23 22:52:20微信小程序——小程序地图定位(截图+源码).zip 微信小程序——小程序地图定位(截图+源码).zip 微信小程序——小程序地图定位(截图+源码).zip 微信小程序——小程序地图定位(截图+源码).zip 微信小程序——小... -
微信扫码点餐小程序支持预约外卖优惠券在线支付等功能
2019-08-10 07:11:29微信扫码点餐小程序支持预约、外卖、优惠券、在线支付等功能,是一个运营级的产品。小程序前端开源,供参考。 -
springboot实现web端微信扫码登录项目(基于微信开放平台)
2018-09-18 11:55:18springboot实现web端微信扫码登录项目(基于微信开放平台) -
微信小程序,扫码签到
2021-01-27 09:38:28微信小程序扫码签到 扫码签到是一个基于微信平台的小程序,通过微信扫一扫,可以实现自动签到功能,免去了手工签到的麻烦。扫码签到主要用在课堂签到,并且支持扩展,以便应用到其它需要签到的场景。 -
微信小程序扫码跳转小程序过程记录
2021-11-04 09:59:46扫码后,可能并不是你想要跳转的版本,此时退出小程序 ,在微信主界面下拉,通过查看最近使用小程序,确定自己到底跳转的哪个版本 更改二维码的测试范围为开发版后,不一定会马上生效,或许要等几分钟,或许你需要... -
微信小程序 微信扫码一键连接wifi小程序源码
2022-05-28 11:10:24小程序前端-微信微信小程序 微信扫码一键连接wifi小程序源码-微信前端源码 -
微信小程序 扫码二维码获取快递单号
2021-03-13 19:21:06微信小程序 扫码二维码获取快递单号 https://blog.csdn.net/wangqing830414/article/details/114759325 -
JS判断微信扫码的方法
2020-10-19 10:03:36通过代码给大家介绍了JS判断是否是微信扫码的方法,非常不错,需要的朋友参考下吧 -
微信小程序自定义扫码功能界面的实现代码
2020-11-20 08:59:46小程序的一个扫码页面,扫码界面一直开着,同时可以处理其他功能,如下: 由于直接调用微信的scanCode,无法自定义界面,所以只能使用原生组件camera,完成这个功能,关于扫描框的四个角的图片,就自己画一下吧,... -
微信小程序 扫描小程序码进入小程序并获取参数
2021-05-18 11:05:36微信小程序 - 扫描小程序码进入小程序并获取参数 https://blog.csdn.net/mossbaoo/article/details/84143453 -
详解微信小程序-扫一扫 wx.scanCode() 扫码大变身
2020-10-17 02:16:12主要介绍了微信小程序-扫一扫wx.scanCode() 扫码大变身,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧