快捷導(dǎo)航

微信小程序掃描普通二維碼跳轉(zhuǎn)到小程序指定頁面操作方法

更新時(shí)間：2023年08月04日 09:07:03 作者：ViTa檸檸茶

這篇文章主要給大家介紹了關(guān)于微信小程序掃描普通二維碼跳轉(zhuǎn)到小程序指定頁面操作的相關(guān)資料,為了分享方便,或者制作宣傳海報(bào)之類的,經(jīng)常需要用到微信小程序指定頁面的二維碼,讓用戶掃碼直達(dá)頁面,需要的朋友可以參考下

這個(gè)功能的邏輯是什么呢？

二維碼就相當(dāng)于是一個(gè)鏈接相當(dāng)于我們點(diǎn)擊一個(gè)鏈接跳轉(zhuǎn)到另一個(gè)頁面只不過這里是掃碼的形式

如何操作

1、首先我們需要在微信公眾平臺(tái)的開發(fā)管理——>開發(fā)設(shè)置，找到（掃普通鏈接二維碼打開小程序），點(diǎn)擊添加，會(huì)出現(xiàn)下面的頁面，配置好之后點(diǎn)擊保存就行了

2、配置好之后我們?nèi)ゲ萘隙S碼網(wǎng)站生成一個(gè)二維碼

3、掃描二維碼就可以跳轉(zhuǎn)到微信小程序的指定頁面了

4、微信小程序頁面接收傳過來的參數(shù)，掃碼跳到指定頁面后，在onLoad方法接收參數(shù)

onLoad((option) => {
	console.log(option)
	if(option.q&&option.q!="undefined"){
		// 獲取到二維碼原始鏈接內(nèi)容
		const qrUrl = decodeURIComponent(option.q) 
		console.log(qrUrl);
		//此處就是我們要獲取的參數(shù) json，通過方法解析
		let jsonUrl = methods.GetwxUrlParam(qrUrl);
		//比如我要得到id的值，直接取值即可
		let id = jsonUrl.id;
		console.log("巡邏點(diǎn)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;
	},
}

到這里，就可以實(shí)現(xiàn)掃碼普通二維碼跳轉(zhuǎn)到微信小程序指定頁面了?。?！