5分钟教你用nodeJS手写一个mock数据服务器的方法

以下是关于“5分钟教你用nodeJS手写一个mock数据服务器的方法”的完整攻略：

什么是Mock（模拟）数据

在前端开发中，我们无法依赖后端已经实现的API接口，特别是在前期，后端接口可能未实现，我们需要快速搭建一个本地的模拟服务器，提供测试使用。

这时候就需要用到Mock数据了。Mock数据是指在开发阶段，前端开发者通过数据模拟技术生成的可测试数据，用来模拟真实的API接口数据，使前端工程师能够围绕这些Mock数据开展开发工作，从而避免只靠口头协商而导致数据请求引发不必要的误解。

Node.js如何实现Mock数据

Node.js是一个基于V8引擎的开放源代码、轻量级的服务器端JavaScript环境。通过Node.js我们可以在本地搭建一个Mock服务器，实现快速的Mock（模拟）数据，而不需要依赖于后端API接口的情况。

步骤一：创建一个项目文件夹

首先我们在电脑上创建一个新的文件夹，例如：mock-server，并对该文件夹进行初始化：

mkdir mock-server # 创建一个mock-server文件夹
cd mock-server # 进入到mock-server文件夹
npm init -y # 初始化我们的项目

步骤二：安装依赖库

我们需要安装express和body-parser两个依赖库来实现Mock服务器

npm install express body-parser --save-dev

步骤三：创建mock数据

在项目根目录下创建mock文件夹，添加一个mock.js文件，并编写mock数据代码：

module.exports = {
  '/api/users': [
    {
      id: 1,
      name: 'Tom'
    },
    {
      id: 2,
      name: 'Jerry'
    }
  ]
}

我们可以在这里添加数据，用于模拟后端API接口提供的数据

步骤四：创建Mock服务器

在项目根目录下添加一个server.js文件，并编写Mock服务器代码：

const express = require('express');
const bodyParser = require('body-parser');
const mockjs = require('mockjs');
const app = express();
const port = '3000';

app.use(bodyParser.json());
app.use(
  bodyParser.urlencoded({
    extended: false
  })
);

app.all('*', function (req, res, next) {
  res.header('Access-Control-Allow-Origin', '*');
  res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization, X-Requested-With');
  res.header('Access-Control-Allow-Methods', 'PUT, POST, GET, DELETE, OPTIONS');
  next();
});

app.use('/', function (req, res) {
  var data = require('./mock/mock.js');
  // 使用mockjs模拟数据
  var result = mockjs.mock(data);
  res.json(result);
});

app.listen(port, () => {
  console.log(`Mock Server is up and listening on port ${port}`);
});

步骤五：启动Mock服务器

我们已经完成了Mock服务器的创建，现在只需要在项目根目录下运行下面的命令，就可以启动Mock服务器了：

node server.js

用例说明

我们现在已经可以通过mock服务器模拟我们需要的数据了，例如我们在mock.js中定义了数据：

'/api/users': [
    {
      id: 1,
      name: 'Tom'
    },
    {
      id: 2,
      name: 'Jerry'
    }
  ]

这时候，我们调用/api/users接口，就可以获取到我们的模拟数据：

[
  {
    "id": 1,
    "name": "Tom"
  },
  {
    "id": 2,
    "name": "Jerry"
  }
]

我们还可以在mock.js中添加自己的自定义数据，这种方式可以让前端工程师在后端开发API接口完成后，提前拿到模拟数据进行前端开发，提高开发效率，减少代码调整成本。

结论

通过以上的步骤，我们成功创建了一个Mock服务器，并完成了模拟数据的输出。Mock数据对于前端开发是非常重要的，它可以帮助我们快速搭建一个本地服务器，方便我们测试数据和提高开发效率。