Comment transférer des choses dans un mini programme

Comment transférer des choses dans le mini programme ?

Utilisez l'interface officielle de l'applet WeChat (téléchargement et téléchargement)

L'interaction d'informations ordinaire de l'applet WeChat est très simple, via wx. interface de requête C'est tout. Une chose à noter est que s'il s'agit d'une requête POST, le type de contenu du paramètre d'en-tête doit être défini sur application/x-www-form-urlencoded, sinon le serveur ne peut pas recevoir les données POSTées par le mini programme.

Exemple de code :

 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
})
}
})

Cependant, une simple interaction de données texte peut ne pas suffire si votre mini-programme doit télécharger des fichiers depuis le serveur et que l'utilisateur du mini-programme télécharge des fichiers locaux sur le serveur, alors que faire ? Ici, vous devez utiliser les deux autres interfaces du mini-programme, wx.downloadFile et wx.uploadFile. Toutes les interfaces API officiellement fournies dans le mini-programme WeChat commencent par wx.

1. Télécharger l'interface du fichier wx.downloadFile (objet)

Télécharger les ressources du fichier en local, le client lance directement une requête HTTP GET et renvoie le chemin temporaire local du fichier.

Description du paramètre OBJET :

Interface de fichier de téléchargement du mini programme

Qu'il s'agisse de téléchargement, de téléchargement ou d'autres fonctions, dans le mini programme Les interfaces de méthode correspondantes et les documents d'explication se trouvent en arrière-plan. Généralement, il existe un tableau avec les descriptions des paramètres d'objet. Il vous suffit d'appeler ou de transmettre les paramètres correspondants selon la déclaration officielle. Par exemple, dans la description des paramètres de l'interface de téléchargement ci-dessus, le paramètre le plus à gauche correspond aux paramètres qui peuvent être transmis par cette méthode. Le paramètre requis au milieu indique si ce paramètre est facultatif. S'il n'est pas requis, il sera transmis sur demande. Vous pouvez l'ignorer si vous n'avez pas besoin d'utiliser le paramètre de fonction.

Que signifie la colonne « Type » du tableau ci-dessus ?

chaîne est une chaîne de caractères composée de chiffres, de lettres et de traits de soulignement. Généralement, il s'agit d'un contenu spécifique. Par exemple, la méthode de téléchargement d'un fichier dans un mini programme nécessite de spécifier l'adresse de ressource (URL) du fichier téléchargé, l'URL est alors une chaîne de contenu.

Objet signifie objet. Qu'est-ce qu'un objet a été expliqué dans l'article précédent. Un objet est une collection de données. J'ai donné un exemple dans l'article précédent : Lovers :{NiuLangGirl : "Weaver Girl"} Ceci est un objet Lovers, et la valeur de NiuLangGirl est Weaver Girl. Ensuite, dans la méthode de téléchargement du mini programme, vous pouvez transmettre un objet d'en-tête pour spécifier l'en-tête dans la requête HTTP (en particulier, vous pouvez spécifier ces en-têtes, vous pouvez Baidu http/header), faites attention à l'invite sur le côté droit de l'en-tête. dans la colonne des paramètres du tableau, il s'agit du paramètre. Il est facultatif, il n'a donc pas besoin d'être transmis sauf en cas d'exigences particulières.

La fonction est une fonction. Notez que la fonction ici est une fonction informatique, qui peut être comprise comme un sous-ensemble d'une série de programmes, un module de programme, pour implémenter une seule fonction. Par exemple, dans la méthode de téléchargement de fichier du mini programme, la fonction spécifiée pour une requête réussie est success. La description de cette fonction est qu'une fois le téléchargement réussi, elle est transmise à la page sous la forme tempFilePath, res = {tempFilePath : 'chemin temporaire du fichier'}, c'est-à-dire le fichier. Une fois la demande réussie, un objet res sera renvoyé et la valeur de tempFilePath est le chemin temporaire du fichier. Lors de l'appel de l'interface wx.saveVideoToPhotosAlbum pour enregistrer le fichier localement, la transmission du chemin temporaire au paramètre filePath peut enregistrer le fichier sur le téléphone mobile de l'utilisateur.

Exemple de code : écrivez la logique du programme dans le fichier JS

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
})
}
})
}

puis affichez les données dans le fichier wxml

< button type="primary" bindtap="DownLoadFile">下载视频
< video src="{{resource}}"/>

DownLoadFile est un nom de fonction temporairement défini pour un appel pratique wx.downloadFile interface. Cela n’a aucune signification. Cela commence généralement par une lettre, donc c’est facile à retenir. Lorsque l'utilisateur clique pour télécharger la vidéo, la méthode wx.downloadFile dans cette fonction est exécutée, le fichier vidéo du serveur est téléchargé en local et le chemin temporaire du fichier est attribué à la ressource, qui est affiché via le symbole

Ainsi, le développement de mini-programmes n'est pas si mystérieux. En fait, c'est très simple. Il vous suffit de suivre les documents officiels du backend du mini-programme WeChat pour développer divers mini-programmes intéressants selon les vôtres. programme de besoins et de créativité.

2. Interface de téléchargement de fichiers wx.uploadFile (objet) De même, vous pouvez trouver un exemple de cette interface en arrière-plan de l'applet WeChat pour télécharger des ressources locales, c'est-à-dire les fichiers du téléphone mobile de l'utilisateur vers le serveur du développeur. , vous devez d'abord passer par des interfaces telles que ChooseVideo pour obtenir le chemin temporaire du fichier local d'un utilisateur, puis télécharger le fichier sur le téléphone mobile de l'utilisateur sur le serveur désigné via l'interface wx.uploadFile. Pour lancer une requête HTTPS POST à ​​partir de l'applet, vous devez spécifier le type de contenu comme multipart/form-data.

Interface de travail de téléchargement d'ombre légère retardée

Exemple de code :

Écrire la logique du programme dans le fichier js

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 file:

<view class="cview"> < button bindtap="UpVideo">添加作品</ button> </view><br/>

Ensuite, écrivez le code de réception du fichier côté serveur pour enregistrer le fichier sur votre propre serveur.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!