当前位置: 首页 > Web前端 > vue.js

关于扫描常用链接二维码打开小程序

时间:2023-03-31 21:28:08 vue.js

设置先按照官方文档走完设置流程扫描常用链接二维码打开小程序屏蔽点链接二维码规则这里主要说一下如何设置链接二维码规则二维码跳转规则注:2017年5月起,微信客户端支持基于“子路径匹配”的二维码规则。如果原二维码链接为http://www.qq.com/a/123456,其中12345为业务参数,可以配置规则http://www.qq.com/a/扫码到打开小程序。在微信客户端扫描二维码会按照如下匹配规则控制跳转:二维码链接的协议和域名与配置的二维码规则一致。二维码链接属于后台配置的二维码规则的子路径。(如需支持分路径匹配,请确认后台配置的二维码规则以/结尾)如果二维码规则带参数,链接?后面是参数部分,参数需要前缀匹配。如果不带参数指定页面,直接配置页面路径即可。比如我们要访问的页面地址是http://www.qq.com/a,那么直接配置http://www.qq.com/a。如果我们想直接匹配http://www.qq.com下的所有页面(不带参数),设置为http://www.qq.com/,参考规则-如果需要支持子路径匹配请确认后台配置的二维码规则参数以/结尾在实际项目中,我们经常在二维码的链接上携带各种参数,有时是动态的。如果我们说现在二维码是上面的链接是http://www.qq.com/mypath?a=1&b=2&other=else,而这个参数是动态的,也就是a/b的值/other会改变。然后根据前缀匹配规则,可以设置为http://www.qq.com/mypath?。这样无论链接后面实际是什么参数,都可以匹配到我们在后台设置的二维码规则!顺便看看在我们项目中的实际应用。script>exportdefault{data(){return{pageUrl:null,params:{}};},onLoad(query){this.params=query},onShow(){this.init(this.params)},methods:{asyncinit({q}){if(this.pageUrl){//刷新pagethis.pageUrl=''awaitnewPromise((resolve)=>{setTimeout(()=>{resolve()},100)})}consttoken=uni.getStorageSync("USER_TOKEN");//用户令牌if(q){consturlPath=decodeURIComponent(q)//获取原始二维码链接内容constflag=/\?\w+=\w+/g.test(urlPath)?“&”:“?”;this.pageUrl=`${urlPath}${flag}&token=${token}`console.log("urlPath=======",this.pageUrl);返回}}}};如何测试后台设置二维码规则后,如何测试?填写测试链接当我们设置二维码规则时,会要求我们填写测试链接!以前不知道填这个有什么用。原来orz填写的测试链接是用来测试的,是一个二维码链接,可以用来测试。也就是说你扫描的二维码链接内容必须是这里填写的测试链接,这样我们才能调出试用版的小程序(如果测试范围是选择试用版),否则会直接调出网络版小程序。程序。不知道是不是我们的理解有误。如果是这样的话,就很不方便了。感觉每次测试一个二维码,都要在后台填写这个二维码的链接到测试链接,否则会被在线调用。版小程序。如果这里的理解有误,希望知道的大佬不吝赐教,谢谢!发布规则发布上面填写的一系列设置的规则。如果我们在上面选择了测试范围作为试用版,那么我们将发布它。提交试用版进行测试。