概述
@amphibian/server 是一个为前端提供服务的 npm 包，旨在帮助前端快速创建本地服务，并提供接口 mock 和测试等功能。该包使用了 express 和 nodemon 等其他 npm 包来增强其功能。
在使用 @amphibian/server 之前，你需要熟悉 npm 包管理器、node.js 和 express 后台开发框架，并且要结合本地的一些文件夹作为 mock 数据源。
安装
通过 npm 安装：
npm install @amphibian/server --save-dev
如需全局安装：
npm install -g @amphibian/server
使用
在本地服务启动前，需要先建立一个配置文件 server.config.js，该文件包含 HTTP 服务器和端口的设置，和传输的数据、mock 数据以及其他 API 设置。例如：
-- -------------------- ---- ------- -------------- - - ---------- - ----- ---------- ----- ---- -- -- -- ---- ---- ----- - ------------- -------------------- ------------- ------------------- -- -- -------- ------ - ------- - ------- ------------------------ ------------- ---- - - -展开代码
在具体项目的 package.json 文件中，添加启动脚本：
{ "scripts": { "start": "amphibian-server" } }
在控制台执行 npm start，即可启动本地服务。在浏览器中访问地址：http://localhost:8080，即可启动本地网站。
其它可在配置文件中添加的功能如下：
- API 缓存：将对某接口的请求和响应用文件式保存下来，在下一次请求时从文件中直接读取，从而避免调用接口。
- HTTP 日志记录：HTTP 接口访问日志记录，方便后期分析和跟踪。
- 开发工具支持：本地自动化工具支持，如 webpack、gulp 等。
指导意义
通过 @amphibian/server 包的使用，可以快速搭建本地服务，实现接口 mock 和调试，方便前端在开发过程中，快速验证代码准确性和正确性，从而提高开发效率，并减少代码的 bug 数量。同时，该包的操作简单，上手容易，也很好地解决了前端在开发过程中网络请求的问题。
示例代码见 GitHub。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/114659
