Detaillierte Grafik- und Texterklärung der WeChat-Applet-HTTP-Anfrage

Dieser Artikel stellt hauptsächlich die relevanten Informationen zur detaillierten Erklärung von Bildern und Texten in der HTTP-Anfrage des WeChat-Applets vor.

Für die Netzwerkkommunikation im WeChat-Applet können Sie darauf zurückgreifen Kommunizieren Sie nur mit dem angegebenen Domänennamen. Das WeChat-Applet umfasst vier Arten von Netzwerkanfragen.

1. Normale HTTPS-Anfrage (wx.request)

2. Datei hochladen (wx.uploadFile)

3. Datei herunterladen (wx.downloadFile)

4. WebSocket-Kommunikation (wx.connectSocket)
   

Hier stellen wir wx.request, wx vor .uploadFile, wx.dowloadFile sind die drei wichtigsten Arten von Netzwerkanfragen

Legen Sie den Domänennamen fest

Wenn Sie möchten, dass das WeChat-Applet im Netzwerk kommuniziert , Sie müssen zuerst den Domänennamen festlegen, andernfalls ist ein Fehler aufgetreten:

Der URL-Domänenname ist illegal, bitte versuchen Sie es nach der MP-Hintergrundkonfiguration erneut

Sie müssen den Domainnamen im Miniprogramm der öffentlichen WeChat-Plattform festlegen.
Sie können die Einstellungsoptionen in der Einstellungsoberfläche des WeChat-Applets sehen:

Einstellungen

Entwicklungseinstellungen auswählen:

Entwicklungseinstellungen

Sie können die Servereinstellungen sehen:

Servereinstellungen

Hier können Sie Domänennamen festlegen, die vier Arten von Netzwerkzugriffen entsprechen. Beachten Sie, dass für jede Art von Netzwerkanforderung ein Domänenname festgelegt werden muss .com/api/, dann kann https ://example.com/api nicht aufgerufen werden und muss von / gefolgt werden.

http-Anfrage

Verwenden Sie wx.request, um eine http-Anfrage zu initiieren. Es sind nur 5 gleichzeitig möglich Zeit Netzwerkanfrage.

function queryRequest(data){  
  wx.request({
    url:"https://example.com/api/",
    data:data,
    header:{
      // "Content-Type":"application/json"
    },
    success:function(res){
      console.log(res.data)
    },
    fail:function(err){
      console.log(err)
    }

  })

}

Der obige Code sendet eine HTTP-Get-Anfrage und druckt dann das zurückgegebene Ergebnis aus. Auch die Parameter sind relativ einfach zu verstehen.

1. url Die URL-Adresse des Servers

2. Daten Die angeforderten Parameter können StringDaten sein: „xxx=xxx&xxx =xxx " oder Object data:{"userId":1} in der Form

3. header legt den Anforderungsheader fest

4. Erfolg SchnittstelleErfolgsrückruf

5. fail Schnittstellenfehler-Rückruf
   

Es gibt auch zwei Parameter Nicht in Der Code:

Methode http-Methode, standardmäßig GET-Anfrage

Vollständiger Rückruf nach dem Aufruf der Schnittstelle, egal ob erfolgreich oder fehlgeschlagen, die Schnittstelle wird

Dateien hochladen

Post-Anfrage initiiert, bei der der Inhaltstyp mehrteilig ist /form-data. Der Server muss Dateien entsprechend dem Inhaltstyptyp empfangen:

function uploadFile(file,data) {
  wx.uploadFile({
    url: 'http://example.com/upload',
    filePath: file,
    name: 'file',
    formData:data,
    success:function(res){
      console.log(res.data)
    },
    fail:function(err){
      console.log(err)
    }

  })

}

Die verschiedenen Parameter hier sind:

Schlüssel, der der Namensdatei entspricht. Der Server muss die Datei über den Namensparameter abrufen HTTP-Anfrage kann Andere verwendete Parameter sein

Datei herunterladen

Die API zum Herunterladen der Datei ist wx.downloadFile, die einen http-Abruf initiiert Anfrage und Nach erfolgreichem Download wird der temporäre Pfad der Datei zurückgegeben:

function downloadFile(url,typ,success){
  wx.downloadFile({
    url:url,
    type:typ,
    success:function(res){
      if(success){
        success(res.tempFilePath)
      }
    },
    fail:function(err){
      console.log(err)
    }
  })
}

Verwenden Sie wx.saveFile, um temporäre Dateien lokal zu speichern und sie für die Verwendung beim nächsten Start des Applets bereitzustellen. Die Parameter:

function svaeFile(tempFile,success){
 wx.saveFile({
   tempFilePath:tempFile,
   success:function(res){
     var svaedFile=res.savedFilePath
     if(success){
       success(svaeFile)
     }
   }
 })
}

tempFilePath Der Pfad der Datei, die gespeichert werden muss

1. success Der Rückruf des erfolgreichen Speicherns gibt den Pfad des erfolgreichen Speicherns zurück. Mit „resedFilePath“ können Sie den Pfad des erfolgreichen Speicherns abrufen

2. fail callback

3. vollständiger Rückruf

超时的设置

在微信小程序开发:MINA中已经提到了在app.js中设置networkTimeout可以设置四种类型网络访问的超时时间：

"networkTimeout":{
  "request": 10000,
  "connectSocket": 10000,
  "uploadFile": 10000,
  "downloadFile": 10000
}

这里设置的超时时间对应着四种类型的网络请求。

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

Das obige ist der detaillierte Inhalt vonDetaillierte Grafik- und Texterklärung der WeChat-Applet-HTTP-Anfrage. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!