English | 中文

soon-mock

a mock server can add apis in seconds with web UI

Mock as Real Server so Soon

Official Document

Full Example

soon-admin
vue3 version：https://github.com/leafio/soon-admin-vue3
react version：https://github.com/leafio/soon-admin-react-nextjs

Installation/Getting Started

• Add it to your project dev dependencies using NPM:

npm i -D soon-mock

• Add a script to package.json,-p can config the server port:

{
  "scripts": {
    "mock": "soon-mock -p 8080"
  }
}

• To start the server by simply running a command in the project folder.

npm run mock

• When the server started, you can just access http://localhost:8080 in your browser.

Batch Generate APIs

1. Switch to Quick Tab

2. Input JSON / JS like this user, book are the schema name , just like table in database.

  {
    user:{
      name:'',
      age:1,
      job:''
    },
    book:{
      author:'',
      name:'',
      price:1
    }
  }

3. Click the button Batch Generate.If a sucess toast is shown, the APIs has been generated.

Method	Url	Description
get	/api/user	list users
get	/api/user/:id	get user detail
post	/api/user	add user
put	/api/user/:id	update user
delete	/api/user/:id	delete user
get	/api/book	list books
get	/api/book/:id	get book detail
post	/api/book	add book
put	/api/book/:id	update book
delete	/api/book/:id	delete book

4. Switch to API Tab, all APIs are shown, and can be edited.
   In the action , the code is run in a Express server controller.
   You can use req to get the request data, and use res to send the response.
   Details usage you can read Express js Documentation.

5. Switch to Schema Tab, you can modify the schema fields.
   In the Default Value and Mock Data Input , you can write Single line js code.
   The faker ,mockjs and dayjs are ready for use to create the mock data or value.

6. Switch to Data Tab, the mock datas are listed.

7. Switch to Config Tab, these are some default settings.

English | 中文

soon-mock

一个有GUI的的mock服务器

一键模拟真实服务器

完整文档

完整示例

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

安装 & 启动

• 添加 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 / JS ， user, 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