logan
cdaba44373
先做全量功能盘点（编辑器/测试/Mock/AI/导入导出/服务端/桌面授权），再对齐内容： - 落地页：hero 副标与药丸补 AI 用例/Cron 定时/智能 Mock；「为什么选」4→8 卡 （新增 自动化测试闭环/AI 生成用例/智能 Mock 双引擎/内网文档分享）；功能区 6→12 卡 （新增 测试/AI/智能 Mock/历史重放/系统代理/文档快照）；对比表 +3 行（断言/AI/Cron）； 定价卡对齐 3/5 台与真实权益；新增 bot/list-checks/flask/clock 图标 - 文档：03-界面导览 重写为活动栏时代（含授权徽章/空间切换）；16-测试 补 5 段 Cron 章节（示例/15s 巡检/30 条日志/防重入）与 JSON 报告格式；14-Mock 补 61 条规则数、 独立端口 8798/OPSXAPI_MOCK_ADDR、Mock 管理页、Bearer 与来源控制、一键建 Mock - 新增 21-授权与激活 文档（试用条款/LIC- vs LICOFF-/解绑/离线容忍/防伪）并注册目录 - 21 页文档全量重建；7 页零断链验证 + DOM 结构核验（卡片/图标/药丸计数）通过
46 lines
2.1 KiB
Markdown
46 lines
2.1 KiB
Markdown
OpsxAPI 主界面由「活动栏 + 顶栏 + 侧栏 + 标签页 + 编辑区」组成：
|
|
|
|
## 活动栏（最左窄栏）
|
|
|
|
| 元素 | 作用 |
|
|
| --- | --- |
|
|
| 空间徽标（顶部） | 切换 本地空间 / 我的空间 / 团队空间；云端空间显示同步状态点 |
|
|
| 接口 / 历史 / 测试 / 文档 / Mock | 主导航：接口工作台、请求历史、自动化测试、接口文档、Mock 管理 |
|
|
| 授权徽章 | 试用倒计时或已授权状态，点击进入 设置 → 授权 |
|
|
| 设置 / 账号 | 设置中心；账号菜单（团队管理、立即同步、退出登录） |
|
|
|
|
## 顶栏
|
|
|
|
| 元素 | 作用 |
|
|
| --- | --- |
|
|
| ＋ 新建 | 六种协议请求 / 目录（默认建在第一个集合） |
|
|
| 导入 / 导出 | 数据导入（十种格式）与导出对话框 |
|
|
| 环境选择器 | 切换当前环境（变量与前置 URL 随之生效），可直达环境管理 |
|
|
|
|
## 左侧栏（接口 | 历史 分段）
|
|
|
|
- **接口**：集合树 — 点击请求在标签页打开，目录展开 / 折叠；**右键** 新建 / 重命名 / 复制 / 导出 / 删除；**拖拽**移动（支持跨集合）；顶部搜索实时过滤。
|
|
- **历史**：最近请求自动归档（状态码 / 耗时），点击回跳对应接口，支持一键清空。
|
|
|
|
## 标签页栏
|
|
|
|
同时打开多个接口，中键或 × 关闭；右键支持「关闭其他 / 关闭全部」。正在连接中的实时协议标签会显示呼吸圆点。
|
|
|
|
## 请求编辑区（上半部分）
|
|
|
|
按协议呈现不同编辑器：
|
|
|
|
| 协议 | 标签页 |
|
|
| --- | --- |
|
|
| HTTP | Params · Body · Headers · Cookies · Auth · 说明 |
|
|
| GraphQL | Query · Variables · Headers · Auth |
|
|
| WebSocket | 消息 · 握手配置 · 说明 |
|
|
| SSE | 事件流 · 连接配置 · 说明 |
|
|
| Socket.IO | 事件 · 连接配置 · 说明 |
|
|
| MQTT | 消息 · Broker / 订阅 · 发布 · 说明 |
|
|
|
|
## 响应区（下半部分）
|
|
|
|
- **HTTP / GraphQL**：响应体（Pretty JSON 高亮）、Raw、响应头，右上角状态 / 耗时 / 大小 / 复制。
|
|
- **实时协议**：分色消息日志（接收 · 绿、发送 · 蓝、系统 · 灰、错误 · 红），顶部实时统计收发条数与连接时长。
|