작은 프로그램 인터페이스 호출의 프로젝트를 달성하기 위해 클래스 클래스에 의해, 예를 들어, 상속 방법을 데이터 인터페이스를 집계하는 무료

인터페이스를 통해 작은 마이크로 채널 프로그램 데이터 소스. 그러나 인터페이스는 어떻게 어떻게 데이터를 얻을 수, 조정? 모든 사람은 다른 방법, 예를 들어 자유 인터페이스에 순서에 따라 집계 데이터가 있습니다.

구성 인터페이스 config.js

요청 인터페이스는 파라미터와 같은 데이터 키를 통합 할 필요가있다.

CONST 구성 = { 
    api_base_url : "http://apis.juhe.cn/goodbook" , 
    키 "93bdf89de207034fa6c7544f88b99c76" 
}; 

수출 { 
    설정 
}

포장 wx.request 방법

ES6는 클래스 메소드는 새로운 요청의 클래스로 클래스 이름으로 HTTP, 방법을 사용하여, 직접 사용되는이 방법에 wx.request를 호출 할 수 있습니다.

클래스 HTTP { 
  
  // 요청 
  요청 (PARAMS)는 { 
    그하자 = 이 ; 

    만약 (! params.method) { 
      params.method = 'GET' ; 
    } 
    wx.request ({ 
      URL : config.api_base_url + params.url + "키 =?"+ config.key, 
      데이터 : params.data, 
      방법 params.method, 
      헤더 {
         '콘텐츠 유형' '애플리케이션 / JSON ' 
      }, 
      성공 : (고해상도) => { 
        하자 코드 = res.statusCode.toString은 (); 
          ERROR_CODE하자 = res.error_code을;

        IF (code.startsWith ( "2" )) { 
          wx.showToast ({ 
            : res.data.reason 타이틀 
          }) 

          // 반환 콜백 함수에 의해 취득 된 값 
          ; params.success (res.data)를 
        } 다른 {
             이 본 ; ._show_message (ERROR_CODE) 
        } 
      } 
      (ERR) 페일 => { 
          CONSOLE.LOG ( "ERR"+ ERR) 
      } 
    }) 
  } 

    // 에러 메시지가 표시 
    _show_message (ERROR_CODE를) {
         IF (! ERROR_CODE) { 
            ERROR_CODE ==. 1 
        }
        wx.showToast ({ 
            제목 : 팁 [ERROR_CODE], 
            아이콘 : '오류' , 
            기간 : 2500 
        }) 
    } 
} 

수출 { 
    HTTP 
}

이 방법은 기본 인터페이스 설정 파일을 요청 정보 요청의 성공 또는 실패 프롬프트는 설정에 도입 될 필요가 오류로 유용하며, 인터페이스 오류 메시지를 정의합니다.

애플릿 파일 기준 패스를 올바르게 가리 키지 않는 경로를 초래할 수 절대 경로를 사용하여, 상대 경로이어야한다.

"../config"가져 오기에서 {설정} ; 

const를 팁 = {
     1 : "죄송합니다, 잘못", // 기본 오류 
    205001 : "사진 카테고리는 비어" ,
     205,002 : "도서 카테고리 ID는 비워 둘 수 없습니다 ' ,
     (205) 003 : "나는 결과를 찾을 수 없습니다" ,
     10001 : "잘못된 요청 키를" ,
     10002 : "키를 더 요청 권한" ,
     10003 : "키가 만료" ,
     10004 : "잘못된 오픈 ID" ,
     10005는 "응용 프로그램이 아닙니다 감사 시간 제한, 인증 "제출하시기 바랍니다 ,
     10007 :"알 수없는 요청 소스를 " ,
     10008 :" "IP 금지 ,
     10009 :"를 "KEY를 금지 ,
     10011이 :" "현재의 IP 요청이 범위를 벗어나는 ,
    10012은 : "요청이 제한 횟수 초과" ,
     10013 : "초과 테스트 KEY 요청 제한" ,
    10014 : "내부 시스템 예외" ,
     10020 : "인터페이스 유지 관리" ,
     10021 : "인터페이스 비활성화" 
}

외부 요청을 사용하는 방법은,이 클래스의 인스턴스가되어야합니다 :

CONST HTTP = 새 클래스 (); 
CONST 요청 = http.request ();

처리 된 데이터 트래픽의 다른 방법을 사용하는 것과 모듈

다른 서비스, 다른 인터페이스, 호출 인터페이스 매개 변수와 반환 된 데이터는 다르다. 등이 사업을 카탈로그와 같은 방법, 당신은 안전 문제가 발생 수와 쿼리 카탈로그, 카탈로그 정보, 카탈로그 디렉토리, 등, 직접 페이지에 인터페이스를 호출하지 않도록 노력 같은 요청 처리를 사용하지만, 수를 포함, 데이터를 처리 할 필요가있다 그들은 다른 사업에 작성되었습니다. 모두가 다른 표현이 다를 수 있습니다,하지만 실제 작업에 같은 생각을 가져야한다.

직접 요청 메소드 요청 데이터를 호출하여 HTTP 클래스 상속.

예, 쿼리 카탈로그 :

ClassCatalogModel는이 HTTP 확장 {클래스 

    getCatalog (sCallback) { 
      다음은이 .request ({ 
        : URL "/ 카탈로그 ' , 
        성공 : (RES) => {
           // 콜백 방법에 의해 획득 된 데이터에 대한 데이터 
          sCallback (RES) 
        } 
      }) 
    } 
} 

{수출 
    ClassCatalogModel 
}

sCallback 성공 약속 후 콜백 방법으로서, 수집 된 데이터는 리턴된다. 모든 데이터 애플릿 요청은 대부분 비동기 요청은 콜백 콜백 데이터의 사용은 더 합리적 일 것이다.

페이지가로드 후 트리거 모듈 방법

데이터는 일반적으로로드와의 onLoad 방법으로 실행된다. 그것은 데이터 사항 setData 방법을 사용할 필요가 업데이트 주목해야한다, 사항 setData 이름에 데이터 객체를 정의하는 것이 좋습니다.

{} ClassCatalogModel 오기 '../../models/classCatalog.js'에서 , 
송출 catalogModel = 새로운 새 ClassCatalogModel () 
페이지 ({ 

  / * * 
   * 초기 페이지 데이터 
   * / 
  데이터 { 
    CatalogData : 널 
  } 

  / * * 
   * 수명주기 기능 - 페이지가로드를 수신 
   * / 
  에 onLoad : 기능 (옵션) { 
    catalogModel.getCatalog ((RES) => {
         IF (RES! = null의 || RES = ''! ) {
             다음은이 .setData ({ 
                CatalogData : res.result 
            }); 
            CONSOLE.LOG ( 다음은이.data.catalogData); 
        } 
    }) 
  } 
})

편리한 방법 클래스를 사용하여 각 클래스의 클래스 ES5는 프로토 타입 상속 체인을 수정하여 달성보다, 상속 및 취소에 훨씬 더 쉽게 할 수있다.