Wechat applet obtains the parameters carried after scanning the QR code

Wechat applet obtains the parameters carried after scanning the QR code

1、decodeURIComponent Parse the link to generate the QR code .

 /** *  Life cycle function -- Monitor page loading  */
  onLoad: function(options) {
    
    if (options.scene) {
    
     // Get the link information carried by the QR code 
      let qrUrl = decodeURIComponent(options.scene)
      console.log(qrUrl)
      this.setData({
    
      	// Get the parameter information in the link 
        actId: utils.getQueryString(qrUrl, 'actId'),
        shareUserId: utils.getQueryString(qrUrl, 'shareUserId'),
      })
    } 
  },

2、utils To get the parameters carried in the link

//  Resolving parameters in links 
let getQueryString = function (url, name) {
    
  console.log("url = " + url)
  console.log("name = " + name)
  var reg = new RegExp('(^|&|/?)' + name + '=([^&|/?]*)(&|/?|$)', 'i')
  var r = url.substr(1).match(reg)
  if (r != null) {
    
    console.log("r = " + r)
    console.log("r[2] = " + r[2])
    return r[2]
  }
  return null;
}

// Export method , External call 
module.exports = {
    
  getQueryString: getQueryString,
}

Avoid pit ：

onLoad (option) {
    
  console.log(option)
}

Can receive Take parameters to request data and other operations ~

If your app is going to be released

At this point, you should change the way you get parameters , Because the parameters obtained after the official release are different from those in the developer tools , The pit ！！！. The following code is the code for you to obtain the parameters in the entry QR code after the official release of the applet ,scene It is a parameter of the method of generating QR code by wechat , It is used to write the parameters you want to carry in the QR code

onLoad (option) {
    
  console.log(option)
  if (option.scene) {
    
    let obj = decodeURIComponent(option.scene)
    ... //  Here is the parameter you hold obj To operate 
  }
}

decodeURIComponent Detailed explanation