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

本文详细介绍了如何在微信公众平台配置扫普通二维码打开小程序的步骤,包括发布二维码规则、测试链接生成二维码、小程序内部获取链接参数以及在onShow中实现跳转到特定页面。此外,还提供了获取URL参数的方法和关键代码片段。
摘要由CSDN通过智能技术生成

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);
			  }
	}

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
};

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
				})
			}
}
  • 0
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值