全栈工程师之路-中级篇之小程序开发-第二章第四节小程序http请求与请求本地json文件

上一节课，我们已经基本完成了，首页的界面编写。

逻辑暂时不理会。

但是我们用于展示页面绑定的是我们本地的假数据。

接下来我们就来获取真正的数据来展示页面。

请跳过划线部分。。。。。

绑定假数据编写页面算是前段最早做的一件事情吧。

特别是在前后端同步开发，联合测试的时候。

服务端会先输出接口文档，然后前后端根据接口文档同步开发，最后联合测试。

这就需要前段本地编写大量的假数据。

如果我们每个页面的假数据的单独编写的话，后续和服务端联调，我们就需要更改大量的文件。

且修改完链接到服务器，然后又加了一个需求或者服务器挂了，这时候你要本地调试，就会变得很麻烦，你要把你修改的地方再改回来。

这样的操作繁琐而且容易出错。

这时候我们就可以思考一下，是不是有什么办法，构建一个本地的假数据服务。

这里只说一个我最常用的吧，使用http请求本地的json文件，来获取数据。

本地的json文件，根据接口文档创建同样的层级目录，联调的时候只要在请求地址的最前端加入服务器地址就可以了。

有两个缺点：

一、这样的请求方式，不支持携带参数的请求，就是不管你写的是什么条件，最终获得的都是本地的json文件，原样输出。

二、访问本地的文件需要些文件后缀名，如data/data.json.有些服务器请求地址是data/data。后续删除也是一个麻烦的问题。

根据上面的思路，我们要做几件事情。

1、获取接口文档

2、统一管理服务器地址

3、创建本地假数据文件

4、编写http请求本地json文件

5、修改服务器地址访问真正的服务器

6、调试修改。

wx.request不支持请求本地json（写了半天发现微信不支持，这才叫瞎比比），这部分就不讲了，直接讲真实数据了。

软件开发基本上就是这么一个流程，发现问题，归纳问题，提出解决方案，编写程序，最后测试验证方案准确。

1、首先我在很早的时候就说过了，我们这次使用豆瓣电影的公开API文档https://developers.douban.com/wiki/?title=api_v2

真是的请求地址是如https://api.douban.com/v2/movie/in_theaters?count=3（直接浏览器访问就能请求到数据哦！）

2、我们在util.js文件中，增加服务器的统一地址变量。