在前端开发过程中，模拟数据和接口是非常重要的。easy-mock 是一个非常不错的在线模拟接口平台，它提供了非常简单方便的接口定义、数据模拟、数据导入/导出等功能。easy-mock-client 是向 easy-mock 发送请求的客户端库，可以极大地简化我们的开发过程。
什么是 easy-mock
简单来说，easy-mock 是一个开源的在线接口管理平台，提供了在线接口设计、差异化的环境管理、丰富的数据类型、复杂的数据结构等功能。
易用性极高的接口定义页面，支持 RESTful API 的定义、导入/导出等功能。
从 管理接口 页面我们可以设置接口基本信息、接口请求方法、返回数据格式等等，然后再点开 数据管理 链接，就可以添加假数据。
除了这些核心功能之外，还有一些非常有用的功能：
- 登录验证
- 快速创建接口
- 安全规则
- 命名空间
如果你的公司或项目中需要模拟接口，那么 easy-mock 绝对是个不错的选择。
easy-mock-client 简介
easy-mock-client 是针对 easy-mock 接口进行请求的客户端库。它在浏览器和 Node.js 中均可使用，极大地简化了请求过程。
使用 easy-mock-client 就可以跳过 ajax/fetch 这些请求的操作，直接在业务代码中使用接口名称（easy-mock 中定义的）来进行请求。并且，easy-mock-client 会根据接口定义自动转换请求和响应的数据格式，这些都是我们不需要操心的。
easy-mock-client 使用教程
在全局上安装 easy-mock-client，下面的示例会根据第一个应用创建对应的 JSON，而不需要我们手动创建。
--- ------- -- ----------------
使用前请确保你已经创建了 easy-mock 帐户，并且已经添加好了项目。这样你就能拿到 appId 和 appSecret。
------ -------------- ---- ------------------- ----- ------ - ------- -- ----- ----- --------- - ------------- -- --------- ----- ------ - --- ------------------------------------------- ------- ----------- -- ------- ------------------------------ - ------- ------ ------- ---- ----- -------- --------------- ------- -------- ---------------- -- - ---------------------- ---
从上面的代码中，我们可以看出来，使用 easy-mock-client 发送请求非常方便。我们只需要按照 easy-mock 定义的接口名称来请求即可。除此之外，请求和响应的数据也将会按照接口定义自动转换。
easy-mock-client 优势
- 不使用 xhr/fetch 之类的 ajax 库，避免使用一个第三方库来调用接口；
- EasyMock 本身是一个非常适合前端的 mock 数据库，使用上相当简单易用，现在可以无缝的结合使用了；
- 高度抽象：根据接口注释自动生成对应接口的代码；
- 支持同时对多个应用、环境下的接口进行请求。
结论
easy-mock-client 是一个非常棒的客户端库，能够极大地简化我们的请求过程，特别是在大型项目中使用时，效果更为明显。而且，它极大地与 easy-mock 集成，也是我们必须要考虑的因素之一。
在日常的开发中，尤其是在开发调试阶段中使用 easy-mock-client，能够省去接口调试的时间，从而进一步提升我们的开发效率。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066b5551ab1864dac66a2c