API调试工具 Postman扩展插件安装与使用

Postman是基于 Chrome 浏览器的扩展插件

• 允许用户发送任何类型的 HTTP 请求，例如 GET，POST，HEAD，PUT、DELETE等，并且可以允许任意的参数和 Headers
• 支持不同的认证机制，包括 Basic Auth，Digest Auth，OAuth 1.0，OAuth 2.0等。
• 响应数据是自动按照语法格式高亮的，包括 HTML，JSON和XML。

安装

会翻墙的同志请直接谷歌商店搜索安装，这里只介绍离线安装

离线扩展压缩包 https://wildye.cn/lib/chrome/postman.zip

• 下载压缩包，解压到任意位置
• 打开开发者模式，点击 加载已解压的扩展程序
  
• 找到解压的位置，确定
  
• 完成后会发现开始菜单多了个 Postman，安装完毕
  

使用

• 打开 Postman，第一次运行会转到登陆页
  
  
  • 登陆，跳过即可，如果不需要团队协作的话
    
  • 常用的功能
    
    
    1. 导入：用于导入保存的API请求文件，json格式
    2. 新建文件夹：用于API请求进行分类管理
    3. 下载：下载测试通过的API请求，可编辑的json格式
    4. 保存请求：保存API请求，返回值也能保存

demo

快速搭建一个 JSON服务器来测试接口

• package.json

{
  "name": "rest-api-demo",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "server": "json-server db.json",
    "test": "..."
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

• db.json
  存放模拟接口返回的数据

{
    "posts": [
        {
            "id": 1,
            "title": "json-server",
            "author": "typicode"
        }
    ],
    "comments": [
        {
            "id": 1,
            "body": "some comment",
            "postId": 1
        }
    ],
    "profile": {
        "name": "typicode"
    }
}

• 命令行进入 rest-api-demo 目录，执行

npm install -S json-server
npm run server

搭建完成

GET

获取数据
向 http://localhost:3000/posts 发出 GET 请求

可传入参数获取具体数据
向 http://localhost:3000/posts/1 发出 GET 请求

{
  "id": 1,
  "title": "json-server",
  "author": "typicode"
}

POST

添加数据

• 设置数据体 Body 选择 x-www-form-urlencoded 编码
• 然后添加数据，字段需与接口数据一致，发送请求
  
• GET获取数据，可以发现新增了一段数据
  

PUT

更新数据

• 选择具体的更新对象，通过传递参数选择 http://localhost:3000/comments/2
• 设置数据体 Body 选择 x-www-form-urlencoded 编码
• 然后设置更新字段数据，发送请求
  
• GET获取数据，数据已更新
  

DELETE

删除数据

• 向 http://localhost:3000/comments/2 发出 DELETE 请求
• 注意带参数，否则会删除全部
  
• GET获取数据，可以看到第二条数据已删除