promise 패키지 wx.request 방법

위의 글 은 모두 에 게Promise 패키지 애플 릿 wx.request 를 사용 하 는 방법를 소개 하 였 으 며,본 고 는 promise 패키지 wx.request 의 방법 을 중점적으로 소개 하 였 으 며,구체 적 인 내용 은 다음 과 같다.
왜 wx.request 를 봉인 합 니까?
인 터 페 이 스 를 요청 할 때 인터페이스 에 있 는 여러 api 를 요청 할 때 가 있 습 니 다.패 키 징 을 사용 하지 않 으 면 코드 를 작성 하 는 것 이 번 거 롭 고 성능 문제 도 발생 할 수 있 습 니 다.
포장 하면 우리 가 작성 하 는 데 유리 하고 사용자 체험 과 코드 수정 에 편리 합 니 다.
패키지 선택 에 대해 서 는 왜 promise 를 사용 합 니까?
우리 가 위 챗 애플 릿 을 작성 할 때 wx.request 에 썼 을 때,나 는 여러분 들 이 이러한 쓰기 가 낯 설 지 않 을 것 이 라 고 생각 합 니 다.$.ajax 의 쓰기 와 비슷 한 점 이 있 을 것 이 라 고 생각 합 니 다.우 리 는$.ajax 의 패키지 에 대해 모두 가 낯 설 지 않 을 것 입 니 다.이것 은 우리 로 하여 금 promise 를 연상 시 키 기 어렵 지 않 습 니 다.그리고 우리 의 위 챗 애플 릿 은 es6 문법 을 지원 합 니 다.promise 는 패키지 선택 이 좋 습 니 다.
wx.request 를 어떻게 봉인 해 야 합 니까?
우 리 는 봉 인 된 이유 와 도 구 를 찾 았 습 니 다.그 다음은 wx.request 라 는 까다 로 운 것 을 봉 인 했 습 니 다.먼저 우리 의 개발 도구 에서 파일 을 만 듭 니 다.
우 리 는 큰 폴 더 로 그것 을 감 싸 서 내용 을 부분 별로 처리 했다.
在这里插入图片描述
우선,우리 의 fetch.js 파일 에서 우 리 는 promise 로 wx.request 를 패키지 합 니 다.

//promise  wx.request
    module.exports=(url,data,method)=>{
        //   promise
        let promise=new Promise((resolve,reject)=>{
            wx.request({
                url:url,
                data:data,
                method:method,
 
                //     
                success(res){
                    resolve(res)
                },
 
                //     
                fail(err){
                    reject(err)
                },
    })
    })
                // promise   
                return promise
    }
그 다음 에 우리 의 api.js 파일 에서 우 리 는 필요 한 물건 을 모두 여기에 두 고 통일 적 으로 관리 할 수 있 습 니 다.

//     
module.exports={
    "banner":"/h8/home/multidata"
}
마지막 으로 http.js 파일 에 집중 해서 사용 합 니 다.

//    
    const api=require("./api")
    const fetch=require("./fetch")
 
//    
    let baseUrl="http://123.207.32.32:8000/api"
 
//    
    function banner(){
        return fetch(baseUrl+api.banner,{},'get')
    }
 
    module.exports={
        banner
    }
봉 인 된 후에 전역 app.js 에 도입 해 야 사용 할 수 있 습 니 다.

  const http=require('./http/http.js')
 
    App({
      http,
    })
파일 에서 사용:

    //  app
    const app=getApp()
 
    Page({
      data: {
       list:[]
      }
 
    onLoad: function () {
        app.http.banner().then(res)=>{
            this.setData({
                list:res.data.data.banner.list        
        })
            }
    }
promise 패키지 wx.request 방법 에 관 한 이 글 은 여기까지 소개 되 었 습 니 다.더 많은 promise 패키지 wx.request 내용 은 우리 의 이전 글 을 검색 하거나 아래 의 관련 글 을 계속 조회 하 시기 바 랍 니 다.앞으로 많은 응원 바 랍 니 다!

좋은 웹페이지 즐겨찾기