
VELeap
AE设计师交流社区,提供原创插件脚本、教程与创作交易。
30秒内零编码搭建完整模拟REST API的利器
json-server 是一个基于 Node.js 的轻量级工具,能在 30 秒内、无需编写任何后端代码,直接从一个 JSON 文件或 JavaScript 对象生成完整的 REST API。它由 typicode 维护,是前端开发、原型验证和接口联调阶段的高频选择。
json-server db.json,即可启动一个支持 GET、POST、PUT、PATCH、DELETE 的完整 HTTP 服务。{"posts": [{"id": 1, "title": "hello"}]} 会自动生成 /posts、/posts/1 等资源端点。| 功能类别 | 具体能力 |
|---|---|
| 路由与过滤 | 支持 _page、_limit 分页,_sort、_order 排序,_start、_end 切片,以及任意字段的精确过滤(?title=hello) |
| 全文检索 | 通过 q 参数实现跨字段模糊搜索,如 ?q=hello |
| 关系处理 | 自动识别嵌套资源(如 post 包含 comments),生成 /posts/1/comments 关联路由 |
| 自定义路由 | 通过 routes.json 重映射 URL,模拟真实后端路径,如将 /api/posts 映射到 /posts |
| 数据持久化 | 支持将 POST/PUT/PATCH 的修改写回源 JSON 文件(低版本默认开启,高版本需配置 --watch 或持久化中间件) |
| 中间件与静态资源 | 可挂载自定义 JS 中间件处理特殊逻辑(如延迟响应),并托管静态前端页面 |
推荐使用:
注意限制:
# 安装(全局或项目内)
npm install -g json-server
# 准备数据文件 db.json
echo '{"posts": [{"id": 1, "title": "Hello"}]}' > db.json
# 启动服务(默认端口 3000)
json-server --watch db.json
# 访问接口
curl http://localhost:3000/posts
json-server 的核心价值在于“用最小成本获得可用的 REST 接口”。如果你的工作流中频繁出现“前端等后端”的阻塞,或需要快速验证数据交互逻辑,将它纳入开发依赖能显著提升效率。对于更复杂的生产级需求,则应转向 Express、NestJS 等完整框架。







