https://github.com/bmqy/apis-tester
一个轻量级的 VS Code 扩展，用于在编辑器内快速测试和管理 API 接口。支持分组管理、导入导出、WebDAV 云端同步，让 API 测试更加高效。
https://github.com/bmqy/apis-tester
api debug postman restapi testing
Last synced: about 2 months ago
JSON representation
一个轻量级的 VS Code 扩展，用于在编辑器内快速测试和管理 API 接口。支持分组管理、导入导出、WebDAV 云端同步，让 API 测试更加高效。
- Host: GitHub
- URL: https://github.com/bmqy/apis-tester
- Owner: bmqy
- License: mit
- Created: 2025-12-19T10:05:17.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2026-02-02T09:27:10.000Z (about 2 months ago)
- Last Synced: 2026-02-02T22:49:16.277Z (about 2 months ago)
- Topics: api, debug, postman, restapi, testing
- Language: TypeScript
- Homepage: https://marketplace.visualstudio.com/items?itemName=bmqy.apis-tester
- Size: 164 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# APIs Tester
一个轻量级的 VS Code 扩展，用于在编辑器内快速测试和管理 API 接口。支持分组管理、导入导出、WebDAV 云端同步，让 API 测试更加高效。
## 📦 安装
- [VS Code Marketplace](https://marketplace.visualstudio.com/items?itemName=bmqy.apis-tester)
- [Open VSX Registry](https://open-vsx.org/extension/bmqy/apis-tester)
## ✨ 核心功能
### 📡 API 测试
- 支持所有常见 HTTP 方法：GET、POST、PUT、PATCH、DELETE、HEAD、OPTIONS
- 可视化配置请求参数：URL、Headers、Body
- 多种 Body 格式支持：JSON、Form-data、x-www-form-urlencoded、Raw
- 实时查看响应结果，支持复制粘贴
### 📁 分组管理
- 按项目或模块分组管理接口
- 支持在分组内快速创建新接口
- 删除接口时自动清理空分组
- 分组列表过滤功能
### 💾 导入导出
- **Postman 兼容**：支持导入/导出 Postman Collection v2.1 格式
- **原生格式**：支持 APIs Tester 原生 JSON 格式
- **智能合并**：
- 合并导入：保留现有数据，添加新数据（按分组名称匹配）
- 覆盖导入：替换指定分组数据，其他分组保持不变
- **路径记忆**：自动记录上次使用的导入/导出目录
- **分组导入**：Postman Collection 自动按文件夹和集合名称创建分组
### ☁️ WebDAV 云端同步
- 手动备份/恢复：通过"更多"菜单随时同步
- 自动备份：接口变更后自动同步到 WebDAV（可配置）
- 实时提示：同步成功或失败都有明确提示
- 配置简单：只需填写 WebDAV 服务器地址和账号信息
### 🌐 代理支持
- **全局代理**：在VS Code设置中配置，对所有API请求生效
- **API级别代理**：在单个API编辑页面配置，支持覆盖全局设置
- **身份认证**：支持基本认证（用户名和密码）
- **灵活优先级**：API级别代理 > 全局代理 > 直连
- **HTTP/HTTPS**：支持所有HTTP和HTTPS请求通过代理访问
## 🚀 快速开始
### 安装
1. 克隆仓库：`git clone `
2. 安装依赖：`npm install`
3. 编译代码：`npm run compile`
4. 按 `F5` 启动调试
### 使用
1. 点击活动栏的 APIs Tester 图标打开侧边栏
2. 点击 "+" 按钮创建新接口
3. 填写接口信息并发送请求
4. 使用"更多"菜单进行导入导出和同步操作
### WebDAV 配置
1. 打开 VS Code 设置（`Ctrl+,`）
2. 搜索 `APIs Tester`
3. 填写 WebDAV 配置：
- `apiTester.webdav.url`：WebDAV 服务地址
- `apiTester.webdav.username`：用户名
- `apiTester.webdav.password`：密码
- `apiTester.webdav.path`：备份目录路径（默认：/apis-tester-backup）
- `apiTester.webdav.autoBackup`：是否开启自动备份
### 代理配置
#### 全局代理
1. 打开 VS Code 设置（`Ctrl+,`）
2. 搜索 `APIs Tester`
3. 填写代理配置（apiTester.proxy.\*）：
- `enable`：是否启用代理
- `host`：代理服务器地址
- `port`：代理端口（默认：8080）
- `username`：代理用户名（可选）
- `password`：代理密码（可选）
#### API级别代理
1. 打开或新建一个 API
2. 在"代理配置"部分勾选"使用代理"
3. 填写代理服务器信息（地址、端口、认证信息）
4. 点击"发送/保存"保存配置
**说明**：API级别代理配置会覆盖全局代理设置
#### 备份目录更新说明
**版本 0.0.9+** 更新了默认备份目录：
- **旧版本**：`/api-tester-backup`
- **新版本**：`/apis-tester-backup`（复数形式）
**向下兼容性**：
- 新版本会将备份数据保存到 `/apis-tester-backup` 目录
- 恢复数据时会自动兼容旧版本，优先从新目录读取，若新目录无数据则自动降级读取旧目录 `/api-tester-backup` 中的数据
- 已有备份的用户无需手动迁移，恢复时自动识别
## 📋 功能菜单
### 主界面
- **新建按钮（+）**：快速创建新接口
- **更多菜单（⋯）**：
- 导出数据
- 导入数据
- WebDAV 备份
- WebDAV 恢复
- 打开设置
## 开发提示
- 主入口：`src/extension.ts`，负责处理 Webview 消息、请求发送、WebDAV 备份。
- 前端 UI：`media/panel.js`、`media/panel.css`。
- 构建输出目录：`out/`（由 `npm run compile` 生成）。
## 发布
- 打包：安装 `vsce` 后运行 `npm run package` 生成 `.vsix`。
- 安装：在 VS Code 执行 `code --install-extension <文件名>.vsix`。
## 📝 更新记录
### v0.0.13
- ✨ 更新支持 Params、Body、Headers、Cookie、Auth，并优化布局；
- 💡 优化分组管理流程：
### v0.0.12
- ✨ 新增全局代理配置：在VS Code设置中配置代理，对所有API请求生效
- ✨ 新增API级别代理配置：在单个API编辑页面配置代理，支持覆盖全局配置
- 🔐 代理支持基本认证：支持用户名和密码认证
### v0.0.11
- 🎨 优化API编辑页面标题显示
- 📝 优化Body内容placeholder显示
- 🐛 修复响应结果超长时无法滚动浏览的问题
### v0.0.10
- ✨ 新增接口复制功能，支持一键复制API快速创建副本
- 🔧 优化 Headers 中文字符支持
### v0.0.9
- ✨ 更新默认备份目录：`/api-tester-backup` → `/apis-tester-backup`
- 🔄 恢复功能向下兼容：自动识别旧版本备份数据，无需手动迁移
- 🎨 新增彩色 logo 图标
### v0.0.8
- ✨ 更新部分文案
### v0.0.7
- ✨ 布局调整
- ✨ 优化发送按钮逻辑
### v0.0.6
- ✨ 优化添加分组功能
- 🎯 支持更多常见headers
- 🎯 支持文件上传测试
### v0.0.5
- 🧹 更新分组选择逻辑
### v0.0.4
- 🎯 优化从webdav恢复备份后面板不刷新问题
### v0.0.3
- ✨ 更新分类
### v0.0.2
- 📚 更新图标；
### v0.0.1
- 🎉 初始版本发布