使用Thunder Client在VSCode内测试API接口

28次阅读

Thunder Client 是 vscode 中的轻量级 API 测试 工具 ,集成请求发送、 环境变量 管理与 自动化 测试功能,支持创建 GET、POST 等请求,配置 Headers 与jsON 请求体,利用环境变量切换不同配置,将请求归类至集合便于管理,并通过javaScript 断言实现简单响应验证,提升开发调试效率。

使用 Thunder Client 在 VSCode 内测试 API 接口

在 VSCode 中使用 Thunder Client 测试 API接口 是一种轻量又高效的方式,尤其适合不需要启动完整 postman 应用的开发场景。Thunder Client 作为 VSCode 插件,集成了 http 请求发送、环境变量 管理、测试脚本等功能,让你在 编码 的同时快速调试 后端 接口。

安装与启动 Thunder Client

打开 VSCode,进入扩展市场(Extensions),搜索“Thunder Client”。找到由 Rangav 团队开发的 Thunder Client 并安装。安装完成后,侧边栏会出现一个闪电图标,点击即可打开 Thunder Client 界面。

无需额外配置即可开始使用,界面简洁,包含Collections(请求集合)、Requests(请求)和 Environments(环境变量)三个主要模块。

创建 并发 送第一个请求

点击“New Request”按钮创建新请求,输入名称后进入请求编辑页面。你可以:

  • 选择请求方法(GET、POST、PUT、delete等)
  • 在 URL 栏输入目标接口地址,例如 https://jsonplaceholder.typicode.com/posts/1
  • 点击“Send”按钮发送请求

响应结果会立即显示在下方面板中,包括 状态码 、响应时间、返回数据(支持json 格式化展示)。

设置请求头与请求体

对于 POST 或 PUT 请求,常需设置请求头和请求体。

在 Headers 标签页中添加 键值对,如:

  • Content-Type: application/json
  • Authorization: Bearer your-Token

切换到 Body 标签页,选择“raw”并输入 JSON 数据:

{“title”: “ 测试文章 ”, “body”: “ 这是通过 Thunder Client 提交的内容 ”, “userId”: 1}

再次点击 Send,即可将结构化数据发送至服务器。

使用环境变量管理不同配置

Thunder Client 支持多环境管理,适合开发、测试、生产等不同阶段。

使用 Thunder Client 在 VSCode 内测试 API 接口

面试猫

AI 面试助手,在线面试神器,助你轻松拿 Offer

使用 Thunder Client 在 VSCode 内测试 API 接口 39

查看详情 使用 Thunder Client 在 VSCode 内测试 API 接口

点击顶部“Environments”→“Add Environment”,命名如“development”,然后添加变量:

  • api_base_url = http://localhost:3000
  • token = abc123xyz

在请求 URL 中使用变量:{{api_base_url}}/users,Thunder Client 会在发送时自动替换为实际值。切换环境只需顶部下拉选择,极大提升效率。

保存请求到集合与重复使用

将常用请求归类到 Collection 中便于管理。例如创建名为“User API”的集合,把注册、登录、获取用户等请求放入其中。支持嵌套子集合,适合大型项目。

所有数据默认同步到本地,也可通过“Share”功能导出为 JSON,方便团队协作。

基本自动化测试支持

Thunder Client 支持在请求后运行简单测试脚本,验证响应是否符合预期。

在 Tests 标签页中编写 javascript 断言,例如:

pm.expect(res.status).toBe(200); pm.expect(res.body).toHaveProperty(‘id’); pm.expect(res.time).toBeLessThan(1000);

发送请求后自动运行这些检查,结果会在 Tests 面板中显示,帮助快速发现接口异常。

基本上就这些。Thunder Client 虽不如 Postman 功能全面,但在 VSCode 内完成日常接口测试已绰绰有余,省去切换应用的麻烦,提升开发流畅度。

站长
版权声明:本站原创文章,由 站长 2025-11-11发表,共计1623字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
1a44ec70fbfb7ca70432d56d3e5ef742
text=ZqhQzanResources