小さなプログラムを書くことクレソンのAPIを使用します（小さなプログラムノート）

クラウド機能を作成します。movieList

サードパーティの要求モジュールの導入   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）


    .then（関数（ RES）{
       // はconsole.log（RES）; 
      戻りRESを; 
    }） 
    。キャッチ（関数（ERR）{
       // 失敗...クロール
      console.err（ERR）を、
    }）; 
}

movie.js

// miniprogram /ページ/映画/ movie.js 
ページ（{
   / * * 
   *ページ初期データ
   * / 
  データ：{ 
    MovieList：[] 
  }、
  / * * 
   *カスタム関数
   * / 
  getMovieList：機能（）{ 
    WX。 showLoading（{ 
      タイトル： 'ローディング..' 、
    }）、
      wx.cloud.callFunction（{ 
        名： "MovieList" 、
        データ：{ 
          スタート：この.data.movi​​eList.length、
          数： 4 
        } 

      }）。次に、（ RES =>  {
        にconsole.log（RES）。
        wx.hideLoading（）; 
        この.setData（{ 
          MovieList：この.data.movi​​eList.concat（JSON.parse（res.result）.subjects）
        }）; 
      }）キャッチ（ERR => { 
        にconsole.log（ERR） ; 
        wx.hideLoading（）; 
      }）
  } 

  / * * 
   ハンドラ*ページ底イベントを引っ張る
   * / 
  onReachBottom：関数（）{
     この.getMovieList（）; 
  } 

}）

movie.wxml

< ビュークラス= "映画" WXのための：= "{{movieList}}" VX：キー= "{{索引}}" > 
  < 画像   クラス= "映画-IMG" SRC = "{{} item.images.small } " > </ 画像> 
  < ビュークラス= "映画-INFO" > 
    < ビュークラス= "映画タイトル" > {{item.title}} </ ビュー> 
    < ビュー> 评分：
     < テキストクラス=" movie-スコア」>{{item.rating.average}} </ テキスト>
    </ ビュー> 
    < ビュー> 主演：
       < テキストWXのための：= "{{item.casts}}" > {{item.name}} </ テキスト> 
    </ ビュー> 
    < ビュー>年份：{{item.year }} </ ビュー> 
  </ ビュー> 
</ ビュー>

movie.wxss

/ * miniprogram /ページ/映画/ movie.wxss * / 
.movi​​e { 
  身長：300rpx。
  表示：フレックス。
  パディング：10pxの ; 
  border-bottom：1pxの固体#CCC。

} 
.movi​​e-IMG { 
  幅：200rpx。
  高さ：100％ ; 
  マージン右：20rpx。
} 
.movi​​e-INFO { 
  フレックス：1。
} 
.movi​​eタイトルの {
  色：＃666 ; 
  フォントサイズ：40rpx。
  フォント重量：大胆 ; 
} 
.movi​​eスコア { 
  色：＃faaf00。
}

 

レンダリングを取得