首页 小程序 扫描普通二维码进入小程序

扫描普通二维码进入小程序

1、登录微信公众平台
2、点击开发管理——>开发设置——>扫普通二维码链接打开小程序,点击添加配置:
在这里插入图片描述
打开添加配置:
在这里插入图片描述
在这里还是要注意一下你的二维码规则要符合规范,具体的二维码规范要求请看官网:
扫普通链接二维码打开小程序二维码规则
同时要注意如果你的规则没有发布,那么它是只对你配置的测试链接生效的,如果想要对所有符合规则的都生效的话,你需要发布二维码规则。未发布的时候使用的小程序是体验版本的,发布完规则之后使用的小程序就是线下版本的了。所以要是想在体验版本测试,你就必须要配置测试链接了。
3、配置完成后可以用草料把你的测试链接生成二维码,扫描二维码之后就会进入小程序。
在这里插入图片描述

4、在你配置的小程序功能页面你可以在onload中获取到你配置的https路径

onLoad: function(options) {			if (options.hasOwnProperty('q') && options.q) {			      // 通过下面这步解码,可以拿到url的值,obj是获取链接里面的参数			      const url = decodeURIComponent(options.q);			       wx.setStorageSync('qrSrc',url);//存储地址,用于跳转				  const obj = util.urlParams(url);			  }	}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

urlParams方法用于获取链接的参数,我写在了util.js文件里面,代码如下:

const urlParams= function(url) {  let obj = {}  let str = url.slice(url.indexOf('?') + 1)  let arr = str.split('&')  for (let j = arr.length, i = 0; i < j; i++) {    let arr_temp = arr[i].split('=')    obj[arr_temp[0]] = arr_temp[1]  }  return obj}module.exports = {  urlParams: urlParams};
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15

5、我们的需求是扫描直接打开小程序比用web-view直接跳转到https页面的,所以我们可以在onShow函数里面写跳转

onShow(){            // 二维码扫描进来的			if(wx.getStorageSync('qrSrc')){				let src = wx.getStorageSync('qrSrc')+'&comminutyToken=' + wx.getStorageSync(constant.mapping.TOKEN);				wx.removeStorageSync('qrSrc');				wx.navigateTo({					url:'./webView?src='+src				})			}}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
特别声明:本站部分内容收集于互联网是出于更直观传递信息的目的。该内容版权归原作者所有,并不代表本站赞同其观点和对其真实性负责。如该内容涉及任何第三方合法权利,请及时与824310991@qq.com联系,我们会及时反馈并处理完毕。