Ausführliche Erklärung und Beispielcode der HTTP-Anforderungskapselung des WeChat-Applets

WeChat-Applet-HTTP-Anforderungskapselung

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 ein klein Der grundlegende http-Anforderungscode des Programms wäre jedes Mal umständlich, also kapseln wir ihn.

Worauf achten wir im Kodex mehr?

1. Anforderungsparameter, Zugriffsschnittstelle
2. GET/POST... Anforderungsmethode
3. Einheitliche Verarbeitung von Anforderungsparametern (z. B. Verschlüsselung, Festlegen öffentlicher Parameter...)
4. Bei erfolgreicher Anfrage zurückgegebene Daten (z. B. Entschlüsselung, Extraktion von Logikschichtdaten)
5. Worauf achten wir nicht?

1. Anforderungs-URL (im Allgemeinen irgendwo festgelegt)

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

...

Lassen Sie uns den Code üben

network.js

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
}

1 Rufen Sie die Seite auf (mit GET Request als Beispiel)

  //导入js
  var network = require("../../utils/network.js")

  //写入参数
  var params = new Object()
  params.api_name = "api_user_login"
  params.account = "hanqing"
  params.password = "123456"

  //发起请求
  network.GET(
  {
    params: params,
    success: function (res) {
     console.log(res)
     //拿到解密后的数据，进行代码逻辑

    },
    fail: function () {
     //失败后的逻辑

    },
  })

Vielen Dank fürs Lesen, ich hoffe, es kann allen helfen, vielen Dank für Ihre Unterstützung dieser Website!

Weitere Details zur HTTP-Anforderungskapselung des WeChat-Applets und Artikel zum Beispielcode finden Sie auf der chinesischen PHP-Website!