搭建自己的mock服务器

Mock Server的作用？

现今的业务系统很少有孤立存在的，它们或多或少需要使用兄弟团队或是其他公司提供的服务，这给我们的联调和测试造成了麻烦。对于这种情况，我们常见的解决方案是搭建一个临时的server，模拟那些服务，提供数据进行联调和测试。这就是 mock server 出现原因。

使用nodejs创建自己的mock服务器，主要是针对单元测试的应用，它可以很方便的解除单元测试中各种依赖，大大的降低了编写单元测试的难度。

image.png

源码下载
最后创建完成后的目录结构是

image.png

下边开始从零开始搭建mokeserve服务器。

• 1.用命令行创建初始工程

mkdir nodeMock  // 创建文件夹
cd nodeMock      
npm init -y     // 初始化一个nodeJs项目，创建一个默认的package.json文件
npm install     // 安装node_modulses
npm install mockjs express --save

• 2.新建api.json

{
  "/": [{
    "url": "/",
    "desc": "接口测试",
    "res": {
      "message": "成功",
      "code": 1,
      "data": {
        "loginName": "我是测试信息"
      }
    }
  }],
  "login": [{
    "url": "/login",
    "desc": "接口描述",
    "res": {
      "message": "成功",
      "code": 1,
      "data": {
        "loginName": "@cword(4,10)"
      }
    }
  }],
  "mokeyufa": [
    {
    "url": "/mokeyufa",
    "desc": "mock语法测试",
    "res": {     
      "message": "成功",
      "code": 200,
      "data|1-9": [{
          "id|+1": 1,
          "value|0-500": 20
      }]
    }
  },{
    "url": "/mo/mo",
    "desc": "mock语法测试2",
    "res": {     
      "message": "成功2",
      "code": 200,
      "data|1-9": [{
          "id|+1": 1          
      }]
    }
  }
  ]
}

• 3.新建server.js

const express = require('express');
const path = require('path');
const fs = require('fs');
const Mock = require('mockjs');

const app = express();
const port = 6022;
const apiPath = path.join(__dirname, './api.json');
let apiData = {};

app.listen(port, function () {
  console.info('mock server is  listening at ' + port)
});

//读取接口配置的JSON文件
let getApi = () => {
  let readStream = fs.createReadStream(apiPath, {
    encoding: 'utf8'
  });

  readStream.on('data', (chunk) => {
    apiData = JSON.parse(chunk)
  });
  readStream.on('end', () => {
    console.info('读取已完成..');
  });
}

fs.watchFile(apiPath, () => {
  getApi();
  console.info('mock server update');
});

getApi();

app.use((req, res, next) => {
  const originalUrl = req.originalUrl;
  let data = undefined;
  //匹配路径
  for (let url in apiData) {
    let findItem = apiData[url].find((result) => {
      if (result.url === originalUrl) {
        return result
      }
    });
    if (findItem !== undefined) {
      data = Mock.mock(findItem.res); //使用mock.js创建数据
      break;
    }
  }

 // 解决跨域问题
  res.header('Access-Control-Allow-Origin', '*')
  res.header('Access-Control-Allow-Headers', 'Authorization,X-API-KEY, Origin, X-Requested-With, Content-Type, Accept, Access-Control-Request-Method' )
  res.header('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PATCH, PUT, DELETE')
  res.header('Allow', 'GET, POST, PATCH, OPTIONS, PUT, DELETE')

  //返回数据
  data !== undefined ? res.send(data) : res.sendStatus(404);
  next();
});

• 4.编写readme.md

# 本程序是一款nodejs的应用，用于搭建web服务器，模拟后端，方便前端去mock数据，是基于express（express是基于node.js平台的web开发框架）

## JS技术栈
1.使用express.js创建一个服务，根据业务需要，创建响应请求的监听；
2.使用mock.js创建假数据，返回给请求。返回数据的具体语法，[可查看mock.js官方文档:]( http://mockjs.com/ )。


## 使用
1. 首次使用输入命令：`npm install` 或 `cnpm install`   安装依赖包
2. 执行命令：' node server.js ',启动mockserver服务，监测端口6022
3.访问链接地址 http://localhost:6022/ 测试mockserver是否正常启动，
访问 http://localhost:6022/  ，返回数据 {message: "成功", code: 1, data: {loginName: "我是测试信息"}}
访问 http://localhost:6022/mokeyufa ，返回mokejs随机创建的数据，
访问 http://localhost:6022/mo/mo ，返回mokejs创建的数据

## 提示
### api.json
api.json主要是模拟接口返回的数据结构，
api.josn主要是模拟接口返回的数据结构（json数据），有新增的请求，只需要在api.json添加即可。
data也可以使用mockjs,随机生成数据，具体语法，[可查看mock.js官方文档:]( http://mockjs.com/ )。

### serve.js
server.js主要是做mock的服务器。
1.创建一个服务。
2.读取api.json文件内容
3.拦截请求，返回匹配的数据 

 ## 目前存在的问题
 可解决获取json数据的问题，但获取静态资源暂不支持

## 作者
  [sunny] - []( )