APILAB - 大模型API调试平台

https://bytemagician6.github.io/APILab/

项目简介

APILAB是一个专为开发者设计的大模型API调试平台，提供简洁直观的界面来测试和调试各种大型语言模型的API接口。支持DeepSeek、OpenAI等主流API，具有以下核心功能：

• 多端点配置支持（预设+自定义）
• 完整的模型参数调节
• 实时对话交互界面
• 对话历史记录与管理
• Token使用统计

功能特性

🛠️ API配置

• 支持预设端点（DeepSeek/OpenAI）和自定义端点
• API密钥安全存储（本地存储）
• 端点URL自动填充

🤖 模型管理

• 预设模型自动加载
• 自定义模型名称输入
• 模型参数精细调节：
  • Temperature控制
  • Max Tokens限制
  • 系统提示词设置

💬 对话交互

• 实时聊天界面
• 消息类型区分（用户/助手/系统）
• 可调整大小的输入框
• 停止生成功能

📊 数据管理

• 对话历史本地保存
• 一键清空对话
• 对话记录导出
• Token使用统计

快速开始

1. 基本使用

1. 在API配置区输入您的API密钥
2. 选择预设端点或输入自定义端点URL
3. 选择或输入模型名称
4. 调整参数（可选）
5. 在底部输入框开始对话

2. 高级功能

• 系统提示词：在侧边栏设置系统级提示，影响模型行为
• 参数调节：
  • Temperature (0-2)：控制生成随机性
  • Max Tokens：限制响应长度
• 导出对话：完整保存对话历史为文本文件

技术栈

• 前端：纯HTML/CSS/JavaScript实现
• 存储：浏览器localStorage
• API支持：
  • DeepSeek API
  • OpenAI API
  • 兼容相同接口的其他API

开发指南

项目结构

apilab/
├── index.html          # 主界面
├── css/
│   └── style.css       # 所有样式
└── js/
    └── script.js       # 核心逻辑

常见问题

Q: 如何清除所有本地数据？

A: 浏览器开发者工具 → Application → Local Storage → 清除相关项

Q: 为什么我的自定义模型不工作？

A: 请确保：

1. 端点URL正确
2. 模型名称与API文档一致
3. API密钥有足够权限

Q: 如何修改界面主题？

A: 编辑css/style.css中的CSS变量(--primary-color等)

贡献指南

欢迎提交Pull Request或Issue，建议包括：

• 问题描述/功能建议
• 重现步骤（如适用）
• 预期与实际行为对比

许可证

MIT License

---

提示：本项目为纯前端实现，API密钥等敏感信息仅存储在浏览器本地，请妥善保管。