（十）微信小程序：電影數據獲取

電影數據獲取

　　1.使用豆瓣電影API接口

　　　　　　https://douban.uieee.com/v2/movie/top250

　　　　　　小程序不能直接訪問此接口，因此需要搭建服務器來訪問

　　2.搭建服務器

　　　　　　（1）創建server文件夾

　　　　　　　　　　

 

 　　　　　　　　　　需要兩個文件放置

var express = require("express");
var app = express();
// 代理
var proxy = require("http-proxy-middleware");
var cors = require("cors");
var apiproxy = [
    proxy("/", {
        target: "https://douban-api.uieee.com",
        changeOrigin: true
    })
];

app.use(cors());
app.use((req, res, next) => {
    req.headers = {
        "accept": "*/*",
        "accept-encoding": "gzip, deflate, sdch, br",
        "accept-language": "zh-CN,zh;q=0.8",
        "cache-control": "no-cache",
        "connection": "keep-alive",
        "host": "localhost:5000",
        "origin": "http://localhost:8080",
        "pragma": "no-cache",
        "referer": "http://localhost:8080/",
        "user-agent": "Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.87 Safari/537.36"
    }
    next();
});
app.use((req, res, next) => {
    console.log(req.headers.referer);
    next();
})
app.use(apiproxy);
app.listen(8888, () => {
    console.log("port on 8888")
});

{
  "devDependencies": {
    "cors": "^2.8.4",
    "express": "^4.16.3",
    "http-proxy-middleware": "^0.18.0"
  }
}

　　　　　　　（2）在server文件夾的命令行窗口中安裝插件，執行index.js

　　　　　　　　　　

 

 　　　　　　　　　　ps:如果node/npm不是內部命令的話，需要下載node然后配置它

　　3.在movie.js中調用函數http　　

// pages/movie/movie.js
var utils = require("../../utils/utils.js");
Page({

  /**
   * 頁面的初始數據
   */
  data: {

  },

  /**
   * 生命周期函數--監聽頁面加載
   */
  onLoad: function (options) {
    utils.http("http://localhost:8888/v2/movie/top250",this.getMovies)
  },
  getMovies:function(data){
    console.log(data);
  }
})

 

　　　　　　函數http在utils中的utils.js中實現復用

　　　　　　　　

 

 　　4.utils.js

utils.js

　　　　　　根據API查看請求實例代碼：

　　　　　　　　　　

 

 　　　　5.達成查詢數據效果

　　　　　　　　　　

 

   本節完成對電影數據的查詢，下一節則緊接着對獲取到的數據進行顯示 + 電影頁面的適配~