Mock-Helper 是一个前端测试辅助工具包，可以让我们在前端开发的时候方便的模拟后端数据，以便在没有后端接口或者网络不通的情况下进行调试和开发，提高开发效率。
介绍
Mock-Helper 包含两个工具，分别是 MockService 和 MockApi 。MockService 是一个本地的 node 服务，MockApi 则是我们常见的接口请求。
MockService 可以用来启动本地 mock 服务，通过监听端口，并提供了几个常用的 mock 方法，接口数据与真实数据分离，可以使得前端开发者更加独立，集中精力开发前端功能，减轻与后端协作的压力。
MockApi 则是一个 mock 的数据请求工具，可以模拟 API 的请求，模拟着后端服务的接口，对于前端功能开发来说是十分方便的。
下面我们详细介绍 Mock-Helper 的安装与使用：
安装
使用 npm 安装 Mock-Helper ，命令如下：
--- ------- -----------
安装成功后，你可以在项目中引入该模块：
--- ----------- - ----------------------------------- --- ------- - -------------------------------
MockService
MockService 是一个本地的 node 服务，通过监听端口，并提供了几个常用的 mock 方法，接口数据与真实数据分离，可以使得前端开发者更加独立，集中精力开发前端功能，减轻与后端协作的压力。
在项目中启动 MockService ，并监听端口，命令如下：
--- ----------- - --- -------------
----- -----
-------- ------------- -------------
---启动成功后，我们可以通过相应的接口地址来访问相应的 mock 数据，例如：
----------------
--------
---- -------------
----- ------
-------- --------------
-----------------
--
------------------- ---------- -------
-------------------
-
---这样我们就可以在前端代码中轻松的 mock 接口数据，而无需等待后端完成相应的服务，可以在前端界面上迅速的开发调试。
MockApi
MockApi 是一个 mock 的数据请求工具，可以模拟 API 的请求，模拟着后端服务的接口，对于前端功能开发来说是十分方便的。
使用 MockApi ，我们需要先创建 mock 文件，在此我们以 /data/api/book.js 为例，创建如下代码块：
-------------- - -
-- ------
-------------------- ------------- -----
----------
----- ----
----- ------
---- ---------
---
--
-- ----
---------------- ------------- -----
----------
----- ----
----- ------
---- ---------
---
--
-- ----
------------------- ------------- -----
----------
----- ----
----- ------
---- ---------
---
--
-- ----
------------------- ------------- -----
----------
----- ----
----- ------
---- ---------
---
-
-MockApi 有两种使用方法：
- 在常规的前端代码中通过 ajax 请求来 mock 接口； 。
--- ------- - -------------------------------
-- -- ---- ------- ---------
----------------
-------- -------------
---
-- ---- ----------------- --
--------------------------------- --------------
-- -- ---------
---
--------
---- --------------------
----- ------
-------- ---------------
-- ---- - ---- ---
--
------ ------------- ---------- -------
-- ----
-
---- 直接调用 mock() 函数进行请求并处理数据。
--- ------- - -------------------------------
-- -- ---- ------- ---------
----------------
-------- -------------
---
-- ---- ----------------- --
--------------------------------- --------------
-- -- ---------
---
-----------------------------------------------------
-- ---- - ---- ---
--------------------- ---------- -------
-- ----
---总结
Mock-Helper 是一个前端的测试辅助工具包，通过模拟后端数据接口，让我们能够在前端进行更有效率的开发、调试和测试工作。该工具包使用简单、方便，对于前端开发者来说是不可或缺的工具之一。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60056d1381e8991b448e6d9f