• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

(十)微信小程序:电影数据获取

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

电影数据获取

  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")
});
index.js
{
  "devDependencies": {
    "cors": "^2.8.4",
    "express": "^4.16.3",
    "http-proxy-middleware": "^0.18.0"
  }
}
package.json

       (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);
  }
})
movie.js

 

      函数http在utils中的utils.js中实现复用

        

 

   4.utils.js

utils.js

      根据API查看请求实例代码:

          

 

     5.达成查询数据效果

          

 

   本节完成对电影数据的查询,下一节则紧接着对获取到的数据进行显示 + 电影页面的适配~ 

   


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap