미니 프로그램에서 내용을 전송하는 방법은 무엇인가요?
WeChat 애플릿의 공식 인터페이스 사용(업로드 및 다운로드)
WeChat 애플릿과의 일반적인 정보 상호작용은 매우 간단합니다. wx.request 인터페이스를 전달하면 됩니다. 한 가지 주의할 점은 POST 요청인 경우 헤더 매개변수의 content-type을 application/x-www-form-urlencoded로 설정해야 하며, 그렇지 않으면 서버가 미니 프로그램에서 POST한 데이터를 받을 수 없다는 것입니다.
코드 예:
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
})
}
})그러나 미니 프로그램이 서버 측 파일을 다운로드해야 하고 미니 프로그램 사용자가 로컬 파일을 업로드해야 하는 경우 간단한 텍스트 데이터 상호 작용만으로는 충분하지 않을 수 있습니다. 서버측에서는 무엇을 해야 합니까? 여기서는 미니 프로그램의 다른 두 인터페이스인 wx.downloadFile과 wx.uploadFile을 사용해야 합니다. WeChat 미니 프로그램에서 공식적으로 제공되는 모든 API 인터페이스는 wx로 시작합니다.
1. 파일 인터페이스 wx.downloadFile(object)
Download 파일 리소스를 로컬로, 클라이언트는 직접 HTTP GET 요청을 시작하고 해당 파일의 로컬 임시 경로를 반환합니다. 파일.
OBJECT 매개변수 설명:
미니 프로그램 다운로드 파일 인터페이스
업로드 중인지 여부 다운로드 다른 기능의 경우 미니 프로그램 배경에서 해당 메서드 인터페이스와 설명 문서를 찾을 수 있습니다. 일반적으로 개체 매개변수 설명이 포함된 표가 있습니다. 공식 설명에 따라 해당 매개변수를 호출하거나 전달하기만 하면 됩니다. 예를 들어, 위의 다운로드 인터페이스 매개변수 설명에서 가장 왼쪽은 이 메소드로 전달할 수 있는 매개변수입니다. 중간에 있는 필수는 이 매개변수가 선택사항인지 여부를 나타내며, 요청 시 전달됩니다. 매개변수를 사용할 필요가 없으면 이를 무시할 수 있습니다.
위 표의 '유형' 열은 무엇을 의미하나요?
string은 숫자, 문자, 밑줄로 구성된 문자열입니다. 일반적으로 특정 콘텐츠입니다. 예를 들어 미니 프로그램에서 파일을 다운로드하는 방법에서는 다운로드한 파일의 리소스 주소(URL)를 지정해야 하며, URL은 문자열 콘텐츠입니다.
Object는 객체를 의미합니다. 객체가 무엇인지는 이전 글에서 설명했습니다. 객체는 이전 글에서 예시를 들었습니다: Lovers:{NiuLangGirl: "Weaver Girl"}. 이것은 Lovers 객체이고 NiuLangGirl의 값은 Weaver Girl입니다. 그런 다음 미니 프로그램 다운로드 방법에서 헤더 개체를 전달하여 HTTP 요청의 헤더를 지정할 수 있습니다(구체적으로 해당 헤더를 지정할 수 있으며 Baidu http/header도 가능함). 헤더 오른쪽에 있는 프롬프트에 주의하세요. 테이블 매개변수 열에 있는 매개변수입니다. 선택사항이므로 특별한 요구사항이 없는 한 전달하지 않아도 됩니다.
Function은 함수입니다. 여기서 함수는 단일 기능을 구현하기 위한 일련의 프로그램, 즉 프로그램 모듈의 하위 집합으로 이해될 수 있는 컴퓨터 함수입니다. 예를 들어, 미니 프로그램 다운로드 파일 메소드에서 성공적인 요청을 위해 지정된 함수는 Success입니다. 이 함수에 대한 설명은 다운로드가 성공한 후 tempFilePath, res = {tempFilePath: '파일의 임시 경로'}, 즉 파일 요청이 성공한 후 res 객체가 반환되며 tempFilePath 값은 파일의 임시 경로입니다. 파일을 로컬에 저장하기 위해 wx.saveVideoToPhotosAlbum 인터페이스를 호출할 때 filePath 매개변수에 임시 경로를 전달하면 파일을 사용자의 휴대폰에 저장할 수 있습니다.
코드 예: 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
})
}
})
}그런 다음 wxml 파일에 데이터를 표시합니다.
< button type="primary" bindtap="DownLoadFile">下载视频
< video src="{{resource}}"/>DownLoadFile은 일시적으로 wx.downloadFile 인터페이스 호출을 용이하게 하는 데 사용되는 이름을 설정합니다. 일반적으로 문자로 시작하므로 기억하기 쉽습니다. 사용자가 비디오를 다운로드하기 위해 클릭하면 이 함수의 wx.downloadFile 메소드가 실행되고, 서버 비디오 파일이 로컬로 다운로드되고 파일의 임시 경로가 리소스에 할당되며 이는 .
그래서 미니 프로그램의 개발은 그리 신비롭지 않습니다. 사실 매우 간단합니다. 위챗 미니 프로그램 백엔드의 공식 문서를 따라가기만 하면 됩니다. 자신의 필요와 창의성.
2. 파일 인터페이스 wx.uploadFile(객체) 업로드 마찬가지로 WeChat 애플릿 배경에서 이 인터페이스의 예를 찾을 수 있습니다. 로컬 리소스, 즉 사용자의 휴대폰 파일을 먼저 chooseVideo 등의 인터페이스를 통해 사용자 로컬 파일의 임시 경로를 얻은 후 wx.uploadFile 인터페이스를 통해 사용자 휴대폰에 있는 파일을 지정된 서버에 업로드합니다. 애플릿에서 HTTPS POST 요청을 시작하려면 콘텐츠 유형 content-type을 multipart/form-data로 지정해야 합니다.
지연된 조명 그림자 업로드 작업 인터페이스
코드 샘플:
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 파일:
<view class="cview"> < button bindtap="UpVideo">添加作品</ button> </view><br/>
그런 다음 서버 측에 파일 수신 코드를 작성하여 파일을 자신의 서버에 보관하세요.
위 내용은 미니 프로그램에서 물건을 전송하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!