Agreed-server 是一个用于构建 RESTful API Mock Server 的 npm 包，它基于 json-schema 规范来定义 API，并提供了一套易于使用的 API 来实现 Mock 数据的生成与访问。使用了 Agreed-server，前端开发者可以在开发过程中快速、高效地 Mock 数据，从而加快开发速度，提高开发效率。
安装 Agreed-server
要使用 Agreed-server，首先需要在本地安装该 npm 包。可以直接在命令行中使用 npm 命令完成安装：
npm install agreed-server --save-dev
配置 Agreed-server
在安装完 Agreed-server 后，需要进行一些简单的配置才能启动服务。具体配置如下：
1. 创建 Mock 数据文件
在项目根目录下新建一个 mock 目录，在该目录下新建一个 mock.json 文件，在该文件中定义 RESTful API 的 Mock 数据。示例如下：
-- -------------------- ---- -------
-
------- ---------
------------- -
-------- -
------- --------
-------- -
------- ---------
------------- -
----- -
------- ---------
------------ --
------------ --
--
------- -
------- ---------
-------- ---------------
--
-------- -
------- ---------
---------- ----------------------------------------------------------------------
-------- ----------------
-
--
----------- ------ ------- --------
-
-
--
----------- ---------
-该文件定义了一个 users 接口，该接口返回一个包含多个用户的数组。每个用户对象包含三个属性：id、name、email，其中 id 属性长度在 5 到 10 之间，name 属性使用 faker 库来生成假名字，email 属性使用正则表达式和 faker 库来生成假邮箱。
2. 创建启动脚本
在 package.json 文件中编辑启动脚本，如下所示：
{
"scripts": {
"start": "agreed-server -t mock/mock.json -p 3000"
}
}该脚本使用 agreed-server 命令来启动 Mock 数据服务。-t 参数指定了 Mock 数据文件的路径，-p 参数指定了服务监听的端口号。
3. 启动服务
在命令行中执行如下命令启动服务：
npm run start
访问 Mock 数据
启动服务后，就可以通过访问 http://localhost:3000/users 接口来获取 Mock 数据了。在浏览器中访问该地址，将会返回如下 JSON 响应：
-- -------------------- ---- -------
-
-------- -
-
----- --------
------- ------- ----------
-------- ----------------------------
--
-
----- --------
------- -------- ------------
-------- -----------------------------
-
-- ---
-
-检验 Mock 数据
使用 agreed-server 生成的 Mock 数据与原始 json-schema 规范相关，我们可以基于 json-schema 的语法来检验 Mock 数据的正确性。下面是一段基于 json-schema 的简单校验代码：
-- -------------------- ---- -------
------ --- ---- ------
------ ------ ---- -------------------
----- --- - --- ------
----- -------- - --------------------
------------------------------------
----------- -- -----------
------------ -- -
-- ---------------- -
----------------- ---------
- ---- -
-----------------------------------------------
-
---该代码使用了 ajv 库，、读取我们先前定义的 Mock 数据并使用 validate 方法进行校验。如果校验通过，则输出 "Mock 数据校验通过"，否则输出具体的错误信息。
结语
Agreed-server 是一个非常简单、易于使用且性能良好的 Mock 数据生成工具，使用了它可以让我们更高效地进行前端开发。当然，本文只是一个简单的入门教程，还有很多更高级、更复杂的用法可以在需求情况下自己尝试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f34966fdbf7be33b2566e46