項(xiàng)目場(chǎng)景:
實(shí)際項(xiàng)目中,用戶通過掃描打印小票上的二維碼,自己實(shí)現(xiàn)開具發(fā)票功能,那么這里就需要用戶在掃描小票二維碼后,跳轉(zhuǎn)小程序內(nèi)添加開票信息并提交后臺(tái)開具發(fā)票的頁面。
解決思路
首先二維碼的本質(zhì)就是一個(gè)鏈接地址。
其次登錄微信小程序開放平臺(tái),設(shè)置掃普通鏈接二維碼打開小程序。
最后業(yè)務(wù)代碼處理二維碼鏈接的傳參,目標(biāo)頁面接收二維碼鏈接地址的參數(shù)。
實(shí)際操作:
1、登錄微信開放平臺(tái),找到 開發(fā)管理》開發(fā)設(shè)置》掃普通鏈接二維碼打開小程序。
?
下拉會(huì)找到下圖的設(shè)置入口:
?
?
?按照要求設(shè)置即可,不懂的都有提示引導(dǎo)。
二維碼地址:你自定義的鏈接地址,但是域名一定得是通過檢驗(yàn)文件的。
小程序路徑:你的鏈接跳轉(zhuǎn)的目標(biāo)頁面路徑。
測(cè)試范圍:根據(jù)自身需要選擇即可,發(fā)布線上那就必須是線上版本。
?
這里可能大家會(huì)問如何傳參呢,我們?cè)O(shè)置二維碼路徑只需要有前綴區(qū)分就行,下圖中可以看到我的測(cè)試鏈接地址,傳參就按照get請(qǐng)求正常傳參即可。
?2、目標(biāo)頁面接收參數(shù),這里我的目標(biāo)頁面是?pages/index/add
先獲取二維碼原始鏈接地址 qrUrl
此處我是在頁面 onLoad 方法內(nèi)獲?。?/p>
onLoad: function(e) {
// e={"q":"https://sp.tbzh.com/index?orderId=1&sfJyToken=false"};
//Common.isExist() 方法是我自己內(nèi)部判斷非空的
if(e.q&&Common.isExist(e.q)&&e.q!="undefined"){//掃碼進(jìn)入
const qrUrl = decodeURIComponent(e.q) // 獲取到二維碼原始鏈接內(nèi)容
//GetWxMiniProgramUrlParam() 這個(gè)方法是解析鏈接地址中的參數(shù)方法
e = GetWxMiniProgramUrlParam(qrUrl);//此處就是我們要獲取的參數(shù) json
//比如我要得到orderId的值,直接取值即可
let orderId = e.orderId;
console.log("訂單ID:"+orderId);
}
}
解析鏈接地址參數(shù)的方法
GetWxMiniProgramUrlParam 方法代碼如下:
function GetWxMiniProgramUrlParam (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;
}
3、到此就已經(jīng)實(shí)現(xiàn)了整個(gè)微信小程序掃普通鏈接二維碼打開小程序內(nèi)頁面的邏輯了。文章來源:http://www.zghlxwxcb.cn/news/detail-403841.html
寫在最后:碼字不易,如果對(duì)您有些許幫助,還望各位大佬點(diǎn)贊收藏哦,如有疑問或指正,還望評(píng)論區(qū)留言互動(dòng)哦~~~文章來源地址http://www.zghlxwxcb.cn/news/detail-403841.html
到了這里,關(guān)于猿創(chuàng)征文|微信小程序掃描二維碼如何跳轉(zhuǎn)小程序內(nèi)指定頁面并傳遞參數(shù)給目標(biāo)頁面?的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!