Welche Schwierigkeiten gibt es bei der Entwicklung von Miniprogrammen?

Der Artikel listet einige schwierige Kenntnisse über die Entwicklung kleiner Programme auf. Ich hoffe, er kann allen helfen.

(Lernvideo-Sharing: Programmiervideo)

1. Mini-Programm generiert QR-Code

Mini-Programm generiert QR-Code, erfordert tatsächlich Back-End-Aufrufe, und dann ruft das Front-End den Back-End auf -End-Schnittstelle.

Im folgenden Beispiel übergeben wir zusätzliche Parameter an die Backend-Szene (die maximale Länge beträgt 32 Zeichen, unterstützt nur Zahlen, Groß- und Kleinbuchstaben in Englisch und einige Sonderzeichen: !#$&'()*+,/:; = ?@-._~, bitte kodieren Sie andere Zeichen selbst in zulässige Zeichen), die im geöffneten Applet verwendet werden.

    let scene = 't=3&n='+ this.inputVal+'&sale='+this.saleId;
    request(qcode,{isHyaline:false,qrcodeType:2,scene:scene,width:255,color:{r:'255',g:'255',b:'255'}})
      .then(res=>{})
    })

Die Gefahr besteht darin, wie das Frontend die Parameter durch Scannen des QR-Codes erhält

  onLoad(opts){
    var scene = decodeURIComponent(opts.scene); // scene 需要使用 decodeURIComponent 才能获取到生成二维码时传入的 scene
     
  }

2. Das Miniprogramm ruft hier eine einfache Kapselung auf Verwenden Sie auf der Seite „

function toMiniProgram(appid, path, extraData) {
  wx.navigateToMiniProgram({
    appId: appid,  // 要打开的小程序 appId
    path: path,   // 打开的页面路径
    envVersion: 'develop',  //要打开的小程序版本。仅在当前小程序为开发版或体验版时此参数有效。
    extraData: extraData,  // 需要传递给目标小程序的数据
    success: function (res) {
      console.log('打开成功')
    },
    fail: function (res) {}
  })
}

 toMiniProgram('appid','pages/customer/goods-detail?id='+id+'&saleId='+this.saleId,{});

4. Kapselungszeitstempel

onLoad(opts){
    this.goodsId=opts.id
    this.saleId=opts.saleId
}

Verwandte Empfehlungen:

Das obige ist der detaillierte Inhalt vonWelche Schwierigkeiten gibt es bei der Entwicklung von Miniprogrammen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!