"走进ApiFox,携手json-server,开启API开发与测试之旅

224 阅读2分钟

Apifox是一款API文档、API调试、API Mock、API自动化测试一体化协作平台 接下来我们来通过它来进行快速的api测试

一、安装与配置

  1. 安装Json-Server

    首先,确保你已经安装了Node.js和npm(Node Package Manager)。然后,通过以下命令安装json-server:

    	npm install -g json-server
    

    安装完成后,你可以使用json-server命令来启动一个JSON服务器。

  2. 准备db.json文件

    创建一个名为db.json的文件,并在其中定义你的数据结构。例如:

  "users": [
    {
      "id": "1",
      "name": "谭"
    },
    {
      "id": "2",
      "name": "熊"
    },
    {
      "id": "3",
      "name": "陈"
    }
  ],
  "posts": [
    {
      "id": "1",
      "title": "123",
      "content": "我是第一篇文章的内容",
      "user_id": 1
    },
    {
      "id": "2",
      "title": "我的第二篇文章",
      "content": "我是第二篇文章的内容",
      "user_id": 2
    },
    {
      "id": "3",
      "title": "我的第三篇文章",
      "content": "我是第三篇文章的内容",
      "user_id": 3
    },
    {
      "id": 2,
      "title": "REACT+JSON-Server全栈",
      "content": "react  component",
      "userId": 2
    }
  ]
}

常用功能与使用

我们apiFox中选择新建接口

  1. 数据查询:使用GET请求可以查询Json-server中的数据。例如,访问http://localhost:3000/posts可以检索db.json文件中的所有用户数据image.png
  2. 新增数据:使用POST请求可以向Json-server中新增数据。例如,向http://localhost:3000/posts发送一个包含新帖子数据的POST请求,Json-server会自动为新帖子分配一个ID并添加到数据集中。在body中选中json以确保为json形式,将请求体以请求头的形式添加到数据库中

屏幕截图 2024-12-05 204212.jpg

  1. 修改数据:使用PATCH请求可以修改Json-server中的数据。PATCH请求只会更新资源中已更改的字段。image.pngimage.png

另外apifox在新建接口中还有很多不同的功能例如:delete trace等

image.png

点击发送可以发送我们的请求以达到效果

ending

开发者可以迅速搭建起一个模拟的后端环境,进行API的快速开发与测试。Apifox提供的丰富功能和高效协作机制,极大地简化了API开发与测试的工作流程,提高了开发效率和代码质量。