使用 Mock.js 搭建本地数据模拟服务

工具主要有：Node.js、Express、Mock.js

node.js 是一个 JavaScript 运行环境，在其官网：http://nodejs.cn/ 可以很方便的下载

Express 是一个基于 Node 平台的 Web 开发框架，使用它可以很方便的搭建本地Web 服务。用来部署我们的 Mock 数据，Express 可以通过 npm 来安装，其官网地址如下：http://www.expressjs.com.cn/ 其中有详细安装方法。
npm 的安装命令 npm install express --save

Mock.js 是一个模拟数据结构、生成随机数据的 JavaScript 库，有一套语法规则用来模拟结构和生成数据。其安装过程也很简单，官网地址：http://mockjs.com/

在安装完成上面提到的三个 JavaScript 框架后，我们创建一个十分简单的数据接口服务，新建一个 JavaScript 文件，将其命名为 MockData.js 在其中编写代码如下：

var express = require('express');
var app = express();
var data = {
    name : "jack",
    age : 25
}

app.get('/people', function (req,res) {
    res.send(JSON.stringify(data));
});
var server = app.listen(8001, function(){

});

上面的代码使用 Express 搭建了一个简单的本地服务器，在终端使用 Node 执行此 JavaScript 程序，在浏览器中输入如下地址，进行 GET 请求，就可以看到已经获取到本地服务器返回的数据。

http://localhost:8001/people

下面借助 Mock.js 来随机生成模拟数据，修改上面代码如下

var express = require('express');
var Mock = require('mockjs');
var app = express();
var data = Mock.mock({

    'people|1-10' : [{
        name : "@cname",
        'age|10-40' : 0,
        // 属性 id 是一个自增数，起始值为 1，每次增 1
        'id|+1': 1
    }]
})

app.get('/people', function (req,res) {
    res.send(JSON.stringify(data));
});
var server = app.listen(8001, function(){

});

上面代码使用了 Mock.js 中生成随机数据的一些语法，重启Node服务，再次刷新浏览器，就会看到效果。。

具体的 Mock.js 模拟数据的语法和规则可以在 https://github.com/nuysoft/Mock/wiki/Getting-Started 查看

最后祝大家玩的愉快~