soon-mock, 可视化模拟api,真实的增删改查

139 阅读1分钟

一个有GUI的的mock服务器

一键批量创建api , 模拟真实服务器,数据真实变更,持久存储

完整文档

完整示例

soon-admin 后台管理系统
vue3 版:github.com/leafio/soon…
react 版:github.com/leafio/soon…

截图

1.png

2.png

3.png

4.png

5.png

安装 & 启动

  • 添加 soon-mock 至项目的 dev dependencies
yarn add soon-mock -D
  • 添加一个 script 至 package.json , -p 可以配置 端口
{
  "scripts": {
    "mock": "soon-mock -p 8080"
  }
}
  • 启动 soon-mock 服务
yarn mock
  • 当服务启动后, 可在浏览器中访问网址 http://localhost:8080

批量生成API

仅需输入json,便可批量生成 API。

截图

  • 输入如下JSON / JSuser, book 为 schema 的名称 .
 {
    user:{
      name:'',
      age:1,
      job:''
    },
    book:{
      author:'',
      name:'',
      price:1
    }
  }

  • 点击批量生成 按钮 , 当显示成功提醒后,则下列 API 生成成功
    HTTP 方法API 地址描述
    get/api/user获取 user 列表
    get/api/user/:id获取 user 详情
    post/api/user添加 user
    put/api/user/:id修改 user
    delete/api/user/:id删除 user
    get/api/book获取 book 列表
    get/api/book/:id获取 book 详情
    post/api/book添加 book
    put/api/book/:id修改 book
    delete/api/book/:id删除 book