微信小程序扫码解析小程序码

时间:2024-03-07 17:11:32

通过微信扫小程序码,跳转到应用小程序内, 如何解析小程序码的参数呢?

一般小程序码会跳转到设置的页面,如首页, 可以直接跳转到小程序首页,然后解析小程序携带的参数,再打开某个页面。

(小程序码的路径要线上版本存在的路径)

 

如:商品详情分享码 -> 用户扫码 -> 打开小程序页面(如首页)-> 解析码参数 ->打开商品详情

为啥不直接跳转到商品详情页呢?这当然是可以的,但我们要在首页完成初始化用户信息,所以选首页,加载完首页再跳转,提高首页曝光率,哈。

码携带参数和页面得到链接的参数为 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}`});

解析出来的个对象,如上图,根据得到的参数就行跳转!

 

好了,扫码就可以!!

祝你好运!

 

声明:以上的是我个人的总结,由于知识面的不同,难免有疏漏,希望提出疑问!