Ausführliche Erläuterung der HTTP-Anforderungskapselung des WeChat-Applets

WeChat Mini-Programm httpAnforderungskapselung

Beispielcode

wx.request({
 url: 'test.php', //仅为示例，并非真实的接口地址
 data: {
   x: '' ,
   y: ''
 },
 method:'POST',
 header: {
   'content-type': 'application/json'
 },
 success: function(res) {
  console.log(res.data)
 },
 fail: function( res ) {
   fail( res );
  }
})

Das Obige ist der grundlegende http-Anforderungscode des Miniprogramms. Im eigentlichen Code: Wenn dies jedes Mal der Fall ist, ist das Schreiben relativ umständlich. Lassen Sie uns daher eine Kapselung durchführen.

Worauf achten wir im Kodex mehr?

1. Anforderungsparameter, Zugriffsschnittstelle
2. GET/POST...-Anforderungsmethode
3. Anforderungsparameter werden einheitlich verarbeitet (z. B. Verschlüsselung, Einstellung öffentlich). Parameter...)
4. Bei erfolgreicher Anfrage zurückgegebene Daten (z. B. Entschlüsselung, Extraktion logischer Schichtdaten)

Worauf achten wir nicht?

1. Anforderungs-URL (im Allgemeinen irgendwo festgelegt)

2. Erstellen Sie unterschiedliche Anforderungsparameter gemäß unterschiedlichen Schnittstellenregeln (z. B. Parameterverschlüsselung usw.)

Üben wir den Code

network.js

Rufen Sie die Seite auf (nehmen Sie die GET-Anfrage als Beispiel)

var API_URL = 'http://localhost/loverule/api/api.php'
 
var requestHandler = {
  params:{},
  success: function(res){
    // success
  },
  fail: function() {
    // fail
  },
}
 
//GET请求
function GET(requestHandler) {
  request('GET',requestHandler)
}
//POST请求
function POST(requestHandler) {
  request('POST',requestHandler)
}
 
function request(method,requestHandler) {
  //注意：可以对params加密等处理
  var params = requestHandler.params;
 
  wx.request({
   url: API_URL,
   data: params,
   method: method, // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
   // header: {}, // 设置请求的 header
   success: function(res){
    //注意：可以对参数解密等处理
    requestHandler.success(res)
   },
   fail: function() {
    requestHandler.fail()
   },
   complete: function() {
    // complete
   }
  })
}
 
module.exports = {
 GET: GET,
 POST: POST
}

//Import js

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der HTTP-Anforderungskapselung des WeChat-Applets. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!