這個(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);
}
});
解析鏈接地址方法如下文章來源:http://www.zghlxwxcb.cn/news/detail-503805.html
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)到微信小程序指定頁面了,如果有錯(cuò),歡迎指正!??!文章來源地址http://www.zghlxwxcb.cn/news/detail-503805.html
到了這里,關(guān)于微信小程序掃描普通二維碼跳轉(zhuǎn)到小程序指定頁面的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!