国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

猿創(chuàng)征文|微信小程序掃描二維碼如何跳轉(zhuǎn)小程序內(nèi)指定頁面并傳遞參數(shù)給目標(biāo)頁面?

這篇具有很好參考價(jià)值的文章主要介紹了猿創(chuàng)征文|微信小程序掃描二維碼如何跳轉(zhuǎn)小程序內(nèi)指定頁面并傳遞參數(shù)給目標(biāo)頁面?。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

項(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è)置》掃普通鏈接二維碼打開小程序。

?猿創(chuàng)征文|微信小程序掃描二維碼如何跳轉(zhuǎn)小程序內(nèi)指定頁面并傳遞參數(shù)給目標(biāo)頁面?

下拉會(huì)找到下圖的設(shè)置入口:

猿創(chuàng)征文|微信小程序掃描二維碼如何跳轉(zhuǎn)小程序內(nèi)指定頁面并傳遞參數(shù)給目標(biāo)頁面??

猿創(chuàng)征文|微信小程序掃描二維碼如何跳轉(zhuǎn)小程序內(nèi)指定頁面并傳遞參數(shù)給目標(biāo)頁面??

?按照要求設(shè)置即可,不懂的都有提示引導(dǎo)。

二維碼地址:你自定義的鏈接地址,但是域名一定得是通過檢驗(yàn)文件的。

小程序路徑:你的鏈接跳轉(zhuǎn)的目標(biāo)頁面路徑。

測(cè)試范圍:根據(jù)自身需要選擇即可,發(fā)布線上那就必須是線上版本。

猿創(chuàng)征文|微信小程序掃描二維碼如何跳轉(zhuǎn)小程序內(nèi)指定頁面并傳遞參數(shù)給目標(biāo)頁面?

?

這里可能大家會(huì)問如何傳參呢,我們?cè)O(shè)置二維碼路徑只需要有前綴區(qū)分就行,下圖中可以看到我的測(cè)試鏈接地址,傳參就按照get請(qǐng)求正常傳參即可。

猿創(chuàng)征文|微信小程序掃描二維碼如何跳轉(zhuǎn)小程序內(nèi)指定頁面并傳遞參數(shù)給目標(biāo)頁面?

?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)頁面的邏輯了。

寫在最后:碼字不易,如果對(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)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 【微信小程序】掃描外部二維碼、小程序碼進(jìn)入并獲得攜帶參數(shù),使用參數(shù)跳轉(zhuǎn)到指定頁面

    您需要使用微信提供的跳轉(zhuǎn)鏈接和相關(guān)參數(shù)。以下是實(shí)現(xiàn)的步驟: 生成跳轉(zhuǎn)鏈接:使用以下鏈接格式生成跳轉(zhuǎn)鏈接,其中 APPID 是您的小程序的 AppID, PATH 是您要跳轉(zhuǎn)的頁面路徑, QUERY 是您要傳遞的參數(shù)。 生成二維碼:使用生成的跳轉(zhuǎn)鏈接生成二維碼。您可以使用在線的二維

    2024年02月08日
    瀏覽(23)
  • 微信掃描普通二維碼進(jìn)入小程序

    微信掃描普通二維碼進(jìn)入小程序

    微信掃描普通二維碼進(jìn)入小程序的方法,和代碼沒有什么關(guān)系,主要是在 小程序平臺(tái) 進(jìn)行設(shè)置 1. 開發(fā)配置 開發(fā) —— 開發(fā)管理 —— 開發(fā)設(shè)置 —— 掃普通鏈接二維碼打開小程序 2. 配置規(guī)則 根據(jù)說明配置內(nèi)容就行,后面有說帶參數(shù)的配置和怎么在小程序里面獲取參數(shù) 帶參數(shù)

    2024年02月11日
    瀏覽(98)
  • 生成微信小程序發(fā)布上線后的二維碼 、獲取微信小程序二維碼、微信小程序二維碼如何生成?

    生成微信小程序發(fā)布上線后的二維碼 、獲取微信小程序二維碼、微信小程序二維碼如何生成?

    情景: 1、在微信小程序?qū)徍送瓿?,發(fā)布到線上后,想通過掃描小程序二維碼進(jìn)入小程序 2、可分享二維碼出去,通過二維碼掃碼進(jìn)入小程序 方法: 1、進(jìn)入微信小程序的后臺(tái)配置。鏈接:微信公眾平臺(tái)。(如圖一) 2、進(jìn)入 “設(shè)置”?-- “?基本設(shè)置” -- “小程序碼及線下物

    2024年02月12日
    瀏覽(102)
  • 微信小程序怎樣生成體驗(yàn)版二維碼?微信小程序怎么轉(zhuǎn)化為二維碼?

    微信小程序怎樣生成體驗(yàn)版二維碼?微信小程序怎么轉(zhuǎn)化為二維碼?

    方法:在微信開發(fā)者工具界面,右上角,點(diǎn)擊上傳,如果提示成功,說明已經(jīng)上傳成功。 ? ? 網(wǎng)址: 微信公眾平臺(tái) 微信公眾平臺(tái),給個(gè)人、企業(yè)和組織提供業(yè)務(wù)服務(wù)與用戶管理能力的全新服務(wù)平臺(tái)。 https://mp.weixin.qq.com/ 在微信公眾號(hào)平臺(tái)登錄,選擇需要生成二維碼的小程序

    2024年02月10日
    瀏覽(106)
  • 如何生成微信小程序二維碼,小程序內(nèi)頁二維碼

    如何生成微信小程序二維碼,小程序內(nèi)頁二維碼

    你自己得有個(gè)微信公眾號(hào),只需要知道小程序的名字就可以了 生成小程序二維碼 第一步編輯素材 第二步搜索小程序名字,然后回車,下一步 第三步選小程序碼 小程序內(nèi)頁二維碼 第一步編輯素材 第二步搜索小程序名字,然后回車,下一步 第三步點(diǎn)擊‘獲取更多路徑’ 第四

    2024年02月15日
    瀏覽(31)
  • 【微信小程序二維碼配置】微信公眾平臺(tái)配置二維碼,小程序測(cè)試二維碼,小程序動(dòng)態(tài)二維碼,然后掃碼打開對(duì)應(yīng)頁面進(jìn)行操作

    【微信小程序二維碼配置】微信公眾平臺(tái)配置二維碼,小程序測(cè)試二維碼,小程序動(dòng)態(tài)二維碼,然后掃碼打開對(duì)應(yīng)頁面進(jìn)行操作

    微信公眾平臺(tái)地址:微信公眾平臺(tái) 選擇 開發(fā)管理 – 開發(fā)設(shè)置 – 掃普通鏈接二維碼打開小程序 配置項(xiàng) 二維碼規(guī)則: URL 為內(nèi)含下載校驗(yàn)文件的服務(wù)器 URL , 可以加二級(jí),比如我的 https://*** /preview , 二級(jí)隨便寫什么都可以 測(cè)試鏈接(選填): 匹配二維碼規(guī)則地址,后加 *** 參數(shù), 因

    2024年01月19日
    瀏覽(36)
  • 前端怎么從H5調(diào)起微信掃描二維碼?小程序使用掃碼功能.

    前端怎么從H5調(diào)起微信掃描二維碼?小程序使用掃碼功能.

    wx.scanCode(Object object) 參數(shù) 屬性 類型 默認(rèn)值 必填 說明 最低版本 onlyFromCamera boolean false 否 是否只能從相機(jī)掃碼,不允許從相冊(cè)選擇圖片 1.2.0 scanType Array.string [\\\'barCode\\\', \\\'qrCode\\\'] 否 掃碼類型 1.7.0 合法值 說明 barCode 一維碼 qrCode 二維碼 datamatrix Data Matrix 碼 pdf417 PDF417 條碼 success

    2024年02月10日
    瀏覽(34)
  • 微信小程序顯示二維碼

    在請(qǐng)求接口的success下面寫入這段代碼。 在他的上一個(gè)請(qǐng)求數(shù)據(jù)的打他下面創(chuàng)建一個(gè)空的用于存放數(shù)據(jù)的東西比如obj:\\\" \\\"用于存放數(shù)據(jù)。 將它放到一個(gè)一個(gè)點(diǎn)擊事件中,通過觸發(fā)點(diǎn)擊事件執(zhí)行代碼 如果窒息看代碼的話const tupian 這個(gè)變量讓他等有一張網(wǎng)絡(luò)圖片。 這段代碼是使

    2024年02月11日
    瀏覽(32)
  • 微信小程序——二維碼推廣海報(bào)

    微信小程序——二維碼推廣海報(bào)

    ??博主:小貓娃來啦 ??本文核心: 本地圖片和接口返回二維碼制作一體化canvas海報(bào) 在微信小程序中,我們使用 canvas 標(biāo)簽來創(chuàng)建一個(gè)畫布 wxml 文件: 確立基本樣式 wxss文件: 我們先使用 wx.createCanvasContext 創(chuàng)建一個(gè) canvas 的上下文對(duì)象,然后通過調(diào)用 drawImage 方法分別繪制背

    2024年02月16日
    瀏覽(32)
  • 微信小程序之生成二維碼

    微信小程序之生成二維碼

    ?var context = wx.createCanvasContext(\\\'mycanvas\\\');?// 獲取畫布 CanvasContext.fillText string text 在畫布上輸出的文本 number x 繪制文本的左上角 x 坐標(biāo)位置 number y 繪制文本的左上角 y 坐標(biāo)位置 number maxWidth 需要繪制的最大寬度,可選 CanvasContext.drawImage string imageResource 所要繪制的圖片資源(網(wǎng)絡(luò)

    2024年02月10日
    瀏覽(28)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包