微信小程序掃碼解析小程序碼


通過微信掃小程序碼,跳轉到應用小程序內, 如何解析小程序碼的參數呢?

一般小程序碼會跳轉到設置的頁面,如首頁, 可以直接跳轉到小程序首頁,然后解析小程序攜帶的參數,再打開某個頁面。

(小程序碼的路徑要線上版本存在的路徑)

 

如:商品詳情分享碼 -> 用戶掃碼 -> 打開小程序頁面(如首頁)-> 解析碼參數 ->打開商品詳情

為啥不直接跳轉到商品詳情頁呢?這當然是可以的,但我們要在首頁完成初始化用戶信息,所以選首頁,加載完首頁再跳轉,提高首頁曝光率,哈。

碼攜帶參數和頁面得到鏈接的參數為 options.scene掃碼進入的鏈接都是轉碼的,

需要進行轉碼  =>  var url = decodeURIComponent(options.scene);

scene是后台生成小程序碼攜帶的參數,也可以命名為其他的,如q等,對應解析即可

 

 

這是我的解析:

parseScene(scene) {         

  var params = new Object(); // var params = {};也行        

   var scene = decodeURIComponent(scene).split('&');       

    for (var i = 0; i < scene.length; i++) {          

       params[scene[i].split('=')[0]] = scene[i].split('=')[1];    

       }         

   let args = JSON.stringify(params);     

      wx.navigateTo({url: `/shop/pages/detail/detail?args=${args}`});

 },

碼攜帶參數:我們需要轉碼

scene=u%3D11960%26g%3D2928%26s%3D298%26grp%3D0

 

%3D 為 = ;%26為 &;

 

通過解析后得到參數

{u: "11960", g: "2928", s: "298", grp: "0"} 

 

 

如何進行工具調試?

 

1.拿到小程序碼后可以通過工具的二維碼編譯

 

 2. 可以模擬參數編譯

 

 這樣這個就會解析到/pages/index/index的路徑下,通過onLoad: function (e) {}捕獲參數!

 

首頁解析完之后就可跳轉到分享頁(商品詳情頁)

let args = JSON.stringify(params);     

wx.navigateTo({url: `/shop/pages/detail/detail?args=${args}`});

解析出來的個對象,如上圖,根據得到的參數就行跳轉!

 

好了,掃碼就可以!!

祝你好運!

 

聲明:以上的是我個人的總結,由於知識面的不同,難免有疏漏,希望提出疑問!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM