Heim > Artikel > WeChat-Applet > So übertragen Sie Dinge im Miniprogramm
Wie übertrage ich Dinge im Miniprogramm?
Verwenden Sie die offizielle Schnittstelle des WeChat-Applets (Upload und Download)
Die gewöhnliche Informationsinteraktion des WeChat-Applets ist über das wx sehr einfach. Anforderungsschnittstelle Das war's. Zu beachten ist, dass bei einer POST-Anfrage der Inhaltstyp des Header-Parameters auf application/x-www-form-urlencoded gesetzt werden muss, da der Server sonst die vom Miniprogramm POST-geposteten Daten nicht empfangen kann.
Codebeispiel:
wx.request({ url: 'https://api.tianapi.com/meinv/?key={APIKEY}', method: 'POST', data:'num=10', //参数为键值对字符串 header: { //设置参数内容类型为x-www-form-urlencoded 'content-type':'application/x-www-form-urlencoded', 'Accept': 'application/json' }, success: function (res) { console.log(res.data) that.setData({ items: res.data }) } })
Eine einfache Textdateninteraktion reicht jedoch möglicherweise nicht aus, wenn Ihr Miniprogramm Dateien vom Server herunterladen muss und der Miniprogrammbenutzer lokale Dateien auf den Server hochlädt. Was tun? Hier müssen Sie die beiden anderen Schnittstellen des Miniprogramms wx.downloadFile und wx.uploadFile verwenden. Alle offiziell bereitgestellten API-Schnittstellen im WeChat-Miniprogramm beginnen mit wx.
1. Dateischnittstelle wx.downloadFile (Objekt) herunterladen
Dateiressourcen lokal herunterladen, der Client initiiert direkt eine HTTP-GET-Anfrage und gibt den lokalen temporären Pfad der Datei zurück.
OBJECT-Parameterbeschreibung:
Miniprogramm-Download-Dateischnittstelle
Ob Hochladen, Herunterladen oder andere Funktionen im Miniprogramm Die entsprechenden Methodenschnittstellen und Erklärungsdokumente finden Sie im Hintergrund. Im Allgemeinen gibt es eine Tabelle mit Objektparameterbeschreibungen. Sie müssen nur die entsprechenden Parameter gemäß der offiziellen Anweisung aufrufen oder übergeben. In der Beschreibung der Download-Schnittstellenparameter oben sind beispielsweise die Parameter aufgeführt, die von dieser Methode übergeben werden können. Das Erforderliche in der Mitte bezieht sich darauf, ob dieser Parameter optional ist. Wenn er nicht erforderlich ist, wird er bei Bedarf übergeben. Sie können dies ignorieren, wenn Sie die Funktion nicht benötigen.
Was bedeutet die Spalte „Typ“ der obigen Tabelle?
String ist eine Zeichenfolge bestehend aus Zahlen, Buchstaben und Unterstrichen. Im Allgemeinen handelt es sich um einen bestimmten Inhalt. Die Methode zum Herunterladen einer Datei in einem Miniprogramm erfordert beispielsweise die Angabe der Ressourcenadresse (URL) der heruntergeladenen Datei. Die URL ist dann ein Zeichenfolgeninhalt.
Objekt bedeutet Objekt. Was ein Objekt ist, wurde im vorherigen Artikel erklärt. Ein Objekt ist eine Sammlung von Daten. Ich habe im vorherigen Artikel ein Beispiel gegeben: Lovers:{NiuLangGirl: „Weaver Girl“} Dies ist ein Lovers-Objekt, und der Wert von NiuLangGirl ist Weaver Girl. Dann können Sie in der Mini-Programm-Download-Methode ein Header-Objekt übergeben, um den Header in der HTTP-Anforderung anzugeben (insbesondere können Sie diese Header angeben, Sie können Baidu http/header verwenden), achten Sie auf die Eingabeaufforderung auf der rechten Seite des Headers In der Tabellenparameterspalte ist dies der Parameter. Es ist optional und muss daher nicht übergeben werden, es sei denn, es bestehen besondere Anforderungen.
Funktion ist eine Funktion. Beachten Sie, dass die Funktion hier eine Computerfunktion ist, die als Teilmenge einer Reihe von Programmen, eines Programmmoduls, zur Implementierung einer einzelnen Funktion verstanden werden kann. In der Download-Dateimethode des Miniprogramms lautet die angegebene Funktion beispielsweise success. Die Beschreibung dieser Funktion lautet, dass sie nach erfolgreichem Download in der Form tempFilePath, res = {tempFilePath:, an die Seite übergeben wird. 'temporärer Pfad der Datei'}, d. h. die Datei Nach erfolgreicher Anforderung wird ein res-Objekt zurückgegeben, und der Wert von tempFilePath ist der temporäre Pfad der Datei. Wenn Sie die Schnittstelle wx.saveVideoToPhotosAlbum aufrufen, um die Datei lokal zu speichern, kann die Datei durch Übergeben des temporären Pfads an den Parameter filePath auf dem Mobiltelefon des Benutzers gespeichert werden.
Codebeispiel: Programmlogik in JS-Datei schreiben
DownLoadFile: function() { var that = this; wx.downloadFile({ url: 'https://user.tianapi.com/video.mp4', success: function (res) { console.log(res.tempFilePath) that.setData({ resource: res.tempFilePath }) } }) }
und dann die Daten in der WXML-Datei anzeigen
< button type="primary" bindtap="DownLoadFile">下载视频 < video src="{{resource}}"/>
DownLoadFile ist ein vorübergehend festgelegter Funktionsname für den bequemen Aufruf von wx.downloadFile Schnittstelle. Es hat keine Bedeutung. Es beginnt normalerweise mit einem Buchstaben und ist daher leicht zu merken. Wenn der Benutzer klickt, um das Video herunterzuladen, wird die Methode wx.downloadFile in dieser Funktion ausgeführt, die Servervideodatei wird auf den lokalen Server heruntergeladen und der temporäre Pfad der Datei wird der Ressource zugewiesen, die über das Symbol
Die Entwicklung von Miniprogrammen ist also nicht so mysteriös. Sie müssen lediglich den offiziellen Dokumenten des WeChat-Miniprogramm-Backends folgen, um verschiedene interessante Miniprogramme nach Ihren Wünschen zu entwickeln Bedürfnisse und Kreativitätsprogramm.
2. Dateischnittstelle wx.uploadFile (Objekt) hochladen. Ebenso finden Sie ein Beispiel dieser Schnittstelle im WeChat-Applet-Hintergrund, um lokale Ressourcen, also die Mobiltelefondateien des Benutzers, auf den Entwicklerserver hochzuladen , müssen Sie zunächst Schnittstellen wie „selectVideo“ übergeben, um den temporären Pfad der lokalen Datei eines Benutzers abzurufen, und dann die Datei im Mobiltelefon des Benutzers über die Schnittstelle „wx.uploadFile“ auf den angegebenen Server hochladen. Um eine HTTPS-POST-Anfrage vom Applet zu initiieren, müssen Sie den Inhaltstyp als „multipart/form-data“ angeben.
Arbeitsoberfläche für verzögertes Hochladen von Lichtschatten
Codebeispiel:
Programmlogik in JS-Datei schreiben
Page({UpVideo:function(){ chooseVideo:function(){ sourceType: ['album'], // 指定文件的来源,album只允许相册中选择,camera是相机拍摄,两个都允许以逗号相隔。 success: function (res) { var tempFilePaths = res.tempFilePaths //上面提到的预览文件的临时路径 wx.uploadFile({ url: 'https://www.tianapi.com/?do=videofile', //仅为示例,非真实的接口地址 filePath: tempFilePaths[0], name: 'file', formData:{ 'userid': 1 //ID为1的用户上传的文件 }, success: function(res){ var data = res.data console.log(res); } }) } }) } })
wxml Datei:
<view class="cview"> < button bindtap="UpVideo">添加作品</ button> </view><br/>
Schreiben Sie dann den Dateiempfangscode auf der Serverseite, um die Datei auf Ihrem eigenen Server zu speichern.
Das obige ist der detaillierte Inhalt vonSo übertragen Sie Dinge im Miniprogramm. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!