>  기사  >  위챗 애플릿  >  WeChat 애플릿 http 요청에 대한 자세한 그래픽 및 텍스트 설명

WeChat 애플릿 http 요청에 대한 자세한 그래픽 및 텍스트 설명

高洛峰
高洛峰원래의
2017-03-13 11:08:181605검색

이 글은 위챗 애플릿 http 요청에 포함된 이미지와 텍스트에 대한 자세한 설명에 대한 관련 정보를 주로 소개하고 있습니다. 필요한 친구는 이를 참고할 수 있습니다.

위챗 애플릿에서의 네트워크 통신은 다음과 같습니다. 지정된 도메인 이름과만 통신합니다. WeChat 애플릿에는 네 가지 유형의 네트워크 요청이 포함됩니다.

  1. 일반 HTTPS 요청(wx.request)

  2. 파일 업로드(wx.uploadFile)

  3. 다운로드 파일(wx.downloadFile)

  4. WebSocket 통신(wx.connectSocket)

wx.request, wx를 소개합니다. .uploadFile, wx.dowloadFile은 네트워크 요청의 주요 세 가지 유형입니다

도메인 이름 설정

WeChat 애플릿이 네트워크에서 통신하도록 하려면 , 먼저 도메인 이름을 설정해야 합니다. 그렇지 않으면 오류가 발생합니다:

URL 도메인 이름이 잘못되었습니다. mp 배경 구성 후 다시 시도하십시오

WeChat 공개 플랫폼의 미니 프로그램에서 도메인 이름을 설정해야 합니다.
WeChat 애플릿의 설정 인터페이스에서 설정 옵션을 볼 수 있습니다.

WeChat 애플릿 http 요청에 대한 자세한 그래픽 및 텍스트 설명

설정

개발 설정 선택:

WeChat 애플릿 http 요청에 대한 자세한 그래픽 및 텍스트 설명

개발 설정

서버 설정을 볼 수 있습니다:

WeChat 애플릿 http 요청에 대한 자세한 그래픽 및 텍스트 설명

서버 설정

여기에서 네 가지 유형의 네트워크 액세스에 해당하는 도메인 이름을 설정할 수 있습니다. 각 유형의 네트워크 요청에 도메인 이름을 설정해야 합니다. 여기에서 도메인 이름을 https://example로 설정하면 됩니다. .com/api/이면 https://example.com/api를 호출할 수 없으며 뒤에 /가 와야 합니다.

http 요청

wx.request를 사용하여 http 요청을 시작하세요. WeChat 애플릿은 동시에 5개로 제한됩니다. 시간 네트워크 요청.

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

  })

}

위 코드는 http get 요청을 보낸 다음 반환된 결과를 인쇄합니다. 매개변수도 비교적 이해하기 쉽습니다.

  1. url 서버의 URL 주소

  2. data 요청된 매개변수는 String data일 수 있습니다:"xxx=xxx&xxx =xxx " 또는 Object data:{"userId":1} 형식

  3. header는 요청 헤더

  4. success

    인터페이스성공 콜백

  5. fail 인터페이스 실패 콜백


두 개의 매개변수도 있습니다. 코드:

메서드 http 메서드, 기본값은 GET 요청


인터페이스 호출 후 콜백 완료, 성공 여부에 관계없이 인터페이스가 호출됩니다


파일 업로드

파일 업로드용 API는 wx.uploadFile이며, 이는 Content- 유형이 다중 부분인 http

post 요청을 시작합니다. /폼-데이터. 서버는 Content 유형 유형에 따라 파일을 수신해야 합니다. 샘플 코드:

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

  })

}

url, 헤더, 성공, 실패 및 완료는 일반 http 요청과 동일합니다.

여기서 다른 매개변수는 다음과 같습니다.

key는 이름 파일에 해당합니다. 서버는

formData를 통해 파일을 가져와야 합니다. http 요청은 다음과 같습니다.


파일 다운로드

파일 다운로드를 위한 API는 wx.downloadFile이며, 이는 http 가져오기를 시작합니다. 요청하고 다운로드가 성공한 후 파일의 임시 경로가 반환됩니다. 샘플 코드:

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

url, header, failure, Complete 및 wx.uploadFile의 매개변수는 서로 다릅니다. :

type: 클라이언트가 자동 식별하는 데 사용되는 다운로드된 리소스의 유형입니다. 사용할 수 있는 매개변수는 이미지/오디오/비디오


success: 이후 콜백입니다. 임시 파일을 반환하기 위해 tempFilePath 매개변수를 사용하여 다운로드가 성공했습니다. 디렉터리: res={tempFilePath:'File Path'}


다운로드가 성공한 후에는 임시 파일만 가능합니다. 현재 프로그램 실행 중에 사용됩니다. 영구적으로 저장해야 하는 경우 wx .saveFile 메소드를 호출해야 합니다. 예제 코드는


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

입니다. 임시 파일을 로컬에 저장하고 다음에 애플릿을 시작할 때 사용할 수 있도록 제공하는 wx.saveFile 매개변수는 다음과 같습니다.

  1. tempFilePath 저장해야 하는 파일의 경로

  2. 성공 저장 성공 콜백, 저장 성공 경로를 반환, res.savedFilePath를 사용하여 저장 성공 경로 가져오기

  3. 실패 콜백

  4. 콜백 종료 완료


超时的设置

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


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

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

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

위 내용은 WeChat 애플릿 http 요청에 대한 자세한 그래픽 및 텍스트 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.