작은 프로그램을 작성하는 물냉이 API를 사용 (작은 프로그램 노트)

클라우드 기능 movieList 만들기

제 3 자 요청 모듈의 도입 https://github.com/request/request-promise

이 폴더에, 오른쪽 말단 열리고

NPM 설치 - 요청 저장 
NPM을 설치 --save 요청 약속을

하는 index.js에서 어디 J 모듈로드 요청 - 약속

var에 RP = ( '요청 - 약속')를 필요로;

API는 물냉이를 호출

물냉 API 호출 방법 : https://blog.csdn.net/kfgauss/article/details/91492643

전체 코드는 다음과 같이

// 클라우드 기능 항목 파일 
CONST (가) 필요 클라우드 = ( 'WX-서버 SDK' ) 
cloud.init () 
var에 RP = ( '요청 - 약속'이 필요 );
 // 클라우드 기능 항목 기능 
exports.main = 비동기 (이벤트, 컨텍스트) => {
   반환 RP ( 'HTTP : // api.douban.com/v2/movie/in_theaters?apikey=0df993c66c0c636e29ecbb5344252a4a&start의 event.start} = $ {$ & = {COUNT}`event.count) 


    그 때는 ( 기능 ( RES) {
       // 을 console.log (RES); 
      반환 RES를; 
    }) 
    . 캐치 ( 기능 (ERR) {
       // 실패 ... 크롤링 
      console.err (ERR)를;
    }); 
}

movie.js

// miniprogram / 페이지 / 영화 / movie.js 
페이지 ({
   / * * 
   * 초기 페이지 데이터 
   * / 
  데이터 { 
    MovieList [] 
  } 
  / * * 
   * 지정 함수 
   * / 
  getMovieList : 함수 () { 
    WX. ({showLoading 
      제목 : '로드 ...' , 
    }), 
      wx.cloud.callFunction ({ 
        이름 : "MovieList" , 
        데이터 : { 
          시작 : 다음은이 .data.movieList.length, 
          COUNT : . 4 
        } 

      }). 당시 ( RES => { 
        CONSOLE.LOG (RES);
        wx.hideLoading () 
        이 본 .setData ({ 
          MovieList : 이 본 .data.movieList.concat합니다 (JSON.parse (res.result) .subjects) 
        }) 
      .}) 캐치 (ERR => { 
        CONSOLE.LOG (ERR) ; 
        wx.hideLoading () 
      }) 
  } 

  / * * 
   핸들러 * 페이지 하단 이벤트 당겨 
   * / 
  onReachBottom : 함수 () {
     이 본 .getMovieList (); 
  } 

})

movie.wxml

< 뷰 클래스 = "영화" WX : 대한 = "{{movieList}}" VX : 키 = "{{인덱스}}" > 
  < 이미지   클래스 = "영화 IMG" SRC = "{{item.images.small} } " > </ 이미지 > 
  < 뷰 클래스 ="영화 정보를 원하시면 " > 
    < 뷰 클래스 ="영화 제목 " > {{item.title}} </ 뷰 > 
    < 보기 > 评分:
     < 텍스트 클래스 ="movie- 점수 " >{{item.rating.average}} </ 텍스트 >
    </ 뷰 > 
    < 도면 > 主演:
       < 텍스트 WX : 대 = "{{}} item.casts" > {{item.name}} </ 텍스트 > 
    </ 뷰 > 
    < 도면 >年份{{item.year }} </ 뷰 > 
  </ 뷰 > 
</ 뷰 >

movie.wxss

/ * miniprogram / 페이지 / 영화 / movie.wxss * / 
.movie { 
  높이 : 300rpx ; 
  디스플레이 : 플렉스 ; 
  패딩 : 10px ; 
  국경 바닥 : 1 픽셀의 고체 #ccc ; 

} 
.movie-IMG { 
  폭 : 200rpx ; 
  신장 : 100 % ; 
  마진 오른쪽 : 20rpx ; 
} 
.movie - 정보 { 
  플렉스 : 1 ; 
} 
.movie 제목 { 
  색상 : # 666 ; 
  폰트 크기 : 40rpx ; 
  폰트 중량 : 대담 ; 
} 
.movie 점수 { 
  색상 : # faaf00 ; 
}

렌더링을 받기

작은 프로그램을 작성하는 물냉이 API를 사용 (작은 프로그램 노트)

추천