위 챗 애플 릿 은 request 네트워크 요청 작업 인 스 턴 스 를 사용 합 니 다.

이 사례 는 위 챗 애플 릿 이 request 네트워크 요청 작업 을 사용 하 는 것 을 보 여 줍 니 다.여러분 께 참고 하도록 공유 하 겠 습 니 다.구체 적 으로 는 다음 과 같 습 니 다.
작은 프로그램 은 많은 api 를 제공 하여 개발 자 에 게 큰 편 의 를 주 었 습 니 다.그 중에서 네트워크 요청 api 는wx.request(object)입 니 다.이것 은 작은 프로그램 과 개발 자의 서버 가 데이터 상호작용 을 실현 하 는 중요 한 api 입 니 다.
공식 매개 변 수 는 다음 과 같다.
OBJECT 매개 변수 설명:
매개 변수 이름
유형
필수
설명 하 다.
url
String
예.
개발 자 서버 인터페이스 주소
data
Object、String
아니.
요청 한 인자
header
Object
아니.
요청 한 header 를 설정 합 니 다.header 에 Referer 를 설정 할 수 없습니다.
method
String
아니.
기본 값 은 GET,유효 값:OPTIONS,GET,HEAD,POST,PUT,DELETE,TRACE,CONNECT
success
Function
아니.
개발 자 서비스 가 성공 적 으로 되 돌아 온 리 셋 함수,res={data:'개발 자 서버 가 돌아 온 내용'}을 받 았 습 니 다.
fail
Function
아니.
인터페이스 호출 실패 한 리 셋 함수
complete
Function
아니.
인터페이스 호출 이 끝 난 리 셋 함수(호출 성공,실패 모두 실행)
가장 간단 한 용법 은 다음 과 같다.(POST 요청 을 예 로 들 면)

bindSearchChange:function(e){
 var keyword = e.detail.value;
 wx.request({
 url:'xxxxxxxxx',
 data:{},
 header: {'Content-Type': 'application/json'},
 success: function(res) {
 console.log(res)
 }
 })
}

다음은 서비스 파일 아래 http.js 파일 에 요청 을 쓰 겠 습 니 다.코드 는 다음 과 같 습 니 다.

var rootDocment = 'hxxxxx';//    
function req(url,data,cb){
 wx.request({
 url: rootDocment + url,
 data: data,
 method: 'post',
 header: {'Content-Type': 'application/json'},
 success: function(res){
 return typeof cb == "function" && cb(res.data)
 },
 fail: function(){
 return typeof cb == "function" && cb(false)
 }
 })
}
module.exports = {
 req: req
}

그 중에서module.exports는 req 방법 을 노출 시 켜 다른 파일 에서 이 방법 을 사용 할 수 있 도록 하 는 것 입 니 다.js 함수 가 비동기 로 실행 되 기 때문에 return 은 구체 적 인 데이터 가 아 닌 리 셋 함수 입 니 다.
다른 파일 이 이 방법 을 편리 하 게 호출 할 수 있 도록 루트 디 렉 터 리 의 app.js 파일 에 전역 함수 로 등록 합 니 다.다음 과 같 습 니 다.

//app.js
var http = require('service/http.js')
App({
 onLaunch: function () {
 //  API          
 var logs = wx.getStorageSync('logs') || []
 logs.unshift(Date.now())
 wx.setStorageSync('logs', logs)
 },
 getUserInfo:function(cb){
 var that = this
 if(this.globalData.userInfo){
 typeof cb == "function" && cb(this.globalData.userInfo)
 }else{
 //      
 wx.login({
 success: function () {
  wx.getUserInfo({
  success: function (res) {
  that.globalData.userInfo = res.userInfo
  typeof cb == "function" && cb(that.globalData.userInfo)
  }
  })
 }
 })
 }
 },
 globalData:{
 userInfo:null
 },
 func:{
 req:http.req
 }
})

이때 이 req 는 전역 적 인 것 입 니 다.호출 할 때 우 리 는getApp.func.req()을 사용 하여 호출 할 수 있 습 니 다.구체 적 으로 다음 과 같 습 니 다.

var app = getApp()
Page({
 data: {
 },
 onLoad: function (opt) {
 //console.log(opt.name)
 app.func.req('/api/get_data',{},function(res){
 console.log(res)
 });
 }
})

위 챗 애플 릿 은 많은 api 를 제공 합 니 다.네트워크,미디어,데이터 등 을 포함 하고 많은 구성 요 소 를 제공 하여 애플 릿 개발 을 편리 하 게 합 니 다.
본 논문 에서 말 한 것 이 여러분 의 위 챗 애플 릿 개발 에 도움 이 되 기 를 바 랍 니 다.

좋은 웹페이지 즐겨찾기