hot-mock-server 是一个简单易用的前端开发工具，可以帮助开发人员快速创建出一个支持自定义路由和 API 响应的虚拟服务器，从而提高前端开发效率。本篇文章将介绍其使用方法和说明。
安装
使用 npm 安装:
--- ------- --------------- ----------
基础用法
启动一个基本的 server
创建一个 main.js 文件，输入以下内容：
----- --- - --------------------------- ----- ------ - --- ----- ----- ---- --- ---------------
运行 node main.js 即可启动服务器, 并在 http://localhost:3000 上进行访问, 此时你将会得到一个空白页面, 表示服务器已正常启动。
规则匹配
使用 router 可以自定义访问路径:
------------------------------ ----- ---- -- -
-------------- -- - ---- --- -----------
---可以匹配路径的正则表达式模糊匹配：
-------------------------------------- ----- ---- -- -
----------
--- --
----- ----- ----
---
---也可以使用通配符：
--------------------------- ----- ---- -- -
------------- -------- -------
---Mock 数据
模拟数据
使用 mock 可以生成随机的 mock 数据
---------------------------------- ----- ---- -- -
----- - -------- -------- - - ----------
----- ----- - ---
----- ---- - -----------
--------------------- -
-
-------- -------- - -- - -------- - --
----- ----------- -----
------ ----------- ---- -- ----
----- ---------------------- -----------
-
-
---
----------
------
-------
---
---可以根据请求中的参数动态生成 mock 数据，这样方便我们进行数据接口的测试。
数据持久化
hot-mock-server 支持将 mock 数据持久化到文件，在多次请求数据时，会从存储的 JSON 文件中读取数据。
这里我们使用一个简单的 jsonserver 例子，首先定义数据结构:
----- ----- - - - --- -- --------- ------- -- - --- -- --------- ----- -- - --- -- --------- ------ - --
然后，配置 server：
----- ------ - --- -----
----- -----
------ --
----- -------------
----- -----
--
---
---------------上面的 mocks 中的 path 是指定请求路径， data 是 mock 数据，如果请求路径为 '/api/users'，则返回上面的 users 数组数据。
假如我们要修改 users 数组的数据，比如删除 index 为 1 的数据，这是运行 server 后，访问 http://localhost:3000/api/users，返回的数据中已经不包含 index 为 1 的用户数据。
拓展用法
使用中间件
中间件可以拦截请求和响应，做额外的处理，比如合并 mock 数据、身份验证等。添加一个路由中间件的例子：
----- ------ - --- -----
----- ----
---
-- -- ------
----- ------ - ---------------- ------------ ---- ---
-- -----
-------------------- ----- ---- ----- -- -
-- ----
-- ------------------- -
-- -----
------ -------
- ---- -
---------------------- -------- ------ ---
-
---
-- ----
----------------------- ----- ---- -- -
-------------- -- - ---- --- -----------
---
-- -- ------
-----------------------
-- -- ------
---------------通过 router.use() 方法添加中间件，验证用户的登录状态，如果没有登录就返回未授权状态。
多服务器
hot-mock-server 可以运行多个服务器，每个服务器设置不同的端口和参数，我们需要一个中间件，可以将请求转发到不同的服务器：
----- ------- - --- -----
----- ----
---
----- ------- - --- -----
----- ----
---
-- ---
--------------------- ----- ---- ----- -- -
----- ---------- - ----------------------------------
------------------------------
---
-- -----
----------------
----------------上面的例子，当访问 http://localhost:3001/api 的时候，将请求转发到 http://localhost:3002/api，这样就可以启动多个服务器，以便于我们更好地开发、测试。
结论
hot-mock-server 是一个快速并方便的 mock 服务器工具，提供了丰富的 API，以便于我们实现我们的测试场景。
不仅如此，如果你需要连接到真实的后端接口，或更准确地模拟后端数据，或优化 API 响应时间，或确保交付质量，我们在此强烈建议使用 hot-mock-server。 它将帮助您停止担心服务器和任务管理，并将您所有的关注点集中到业务逻辑本身。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600562f681e8991b448e0b9c