700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 微信小程序扫描普通二维码跳转到小程序指定页面

微信小程序扫描普通二维码跳转到小程序指定页面

时间:2021-02-09 07:39:10

相关推荐

微信小程序扫描普通二维码跳转到小程序指定页面

这个功能的逻辑是什么呢?

二维码就相当于是一个链接

相当于我们点击一个链接跳转到另一个页面

只不过这里是扫码的形式

如何操作

1、首先我们需要在微信公众平台的开发管理——>开发设置,找到(扫普通链接二维码打开小程序),点击添加,会出现下面的页面,配置好之后点击保存就行了

2、配置好之后我们去草料二维码网站生成一个二维码

3、扫描二维码就可以跳转到微信小程序的指定页面了

4、微信小程序页面接收传过来的参数,扫码跳到指定页面后,在onLoad方法接收参数

onLoad((option) => {console.log(option)if(option.q&&option.q!="undefined"){// 获取到二维码原始链接内容const qrUrl = decodeURIComponent(option.q) console.log(qrUrl);//此处就是我们要获取的参数 json,通过方法解析let jsonUrl = methods.GetwxUrlParam(qrUrl);//比如我要得到id的值,直接取值即可let id = jsonUrl.id;console.log("巡逻点ID:"+id);}});

解析链接地址方法如下

methods = {//解析链接地址GetwxUrlParam(url) {let theRequest = {};if(url.indexOf("#") != -1){const str=url.split("#")[1];const strs=str.split("&");for (let i = 0; i < strs.length; i++) {theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]);}}else if(url.indexOf("?") != -1){const str=url.split("?")[1];const strs=str.split("&");for (let i = 0; i < strs.length; i++) {theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]);}}return theRequest;},}

到这里,就可以实现扫码普通二维码跳转到微信小程序指定页面了,如果有错,欢迎指正!!!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。