小程序識別帶多個參數二維碼進入商品詳情

前提：

因為在商品詳情頁面中有個一功能是點擊分享生成海報，海報上面有商品信息以及商品小程序碼，用戶通過將海報分享給別人的時候，那個人可以通過識別那個商品小程序碼進入該商品詳情頁。

首先，要生成帶參數的二維碼，然后你把這個二維碼放到海報上，canvas繪制海報的方法在我之前的博文里已經寫過，不清楚的可以翻看一下：

// 獲取海報商品二維碼getQCoder: function() {var that = thiswx.request({url: url + "/mini/createwxaqrcode",data: {page: "pages/Community/C-product/C-product",scene: that.data.productId + "-" + that.data.spikeId},method: 'GET',dataType: 'json',header: {'content-type': 'application/x-www-form-urlencoded'},success: (res) => {//從res中獲取海報商品二維碼},})},

url：是后臺小伙伴給你提供的路徑

data：page是通過識別小程序碼進入的那個頁面路徑；scene是小程序碼帶的參數

scene參數不能有參數名，只能直接寫值，若多參數的情況下你要在值與值之間拿分隔符隔開（這里分隔符使用的啥，后面獲取參數值的時候就得拿這個分隔符截取）；

不固定的參數：scene: that.data.productId + “-” + that.data.spikeId

固定的參數：scene: “123-csh”

onLoad: function(options) {var that = thisif (options.scene) {let scene = decodeURIComponent(options.scene);//-是我們分隔參數的方式let productId = scene.split("-")[0];let spikeId = scene.split('-')[1];that.setData({productId: productId,spikeId: spikeId})} }

最后，使用小程序開發工具中 編譯狀態下的 “通過二維碼編譯” 識別小程序碼測試是否獲取到參數：

總結

以上是生活随笔為你收集整理的小程序识别带多个参数二维码进入商品详情的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。