感谢原项目 68hub 作者的开源贡献。本分支专注于 Windows 平台与个人使用体验,功能、行为与上游可能存在差异。
| 页面 | 截图 |
|---|---|
| 📊 用量总览 | ![]() |
| 📈 Token 统计 | ![]() |
| 📋 使用记录 | ![]() |
| ⚙️ 设置 | ![]() |
截图可能滞后于最新版本,请以实际运行效果为准。
| 模块 | 说明 |
|---|---|
| 📊 用量总览 | 账户数量、剩余配额、总 Token 消耗和今日 Token 使用量一目了然;左侧 5h/7d/30d 配额进度条,右侧 Top 模型 Input/Output 环形图与时间切换 |
| 📈 Token 统计 | 模型 Token 消耗排行、用量趋势与模型明细;支持账户、模型、时间范围筛选,默认近 30 天且选择会自动保存 |
| 📋 使用记录 | 完整的使用记录日志,支持分页和账户筛选 |
| ⚙️ 设置 | 多账户管理(新增/测试/同步/回填/删除),自动同步开关与间隔设置;后端端口冲突时自动切换可用端口 |
# 安装依赖
pnpm install
# 开发模式(自动启动后端 + Vite + Electron)
pnpm dev
# 构建安装包(Windows)
pnpm dist内嵌后端(Hono + better-sqlite3)随 Electron 主进程自动启动,无需单独运行其他服务。
- 配额:每个账户独立显示 5h/7d/30d 进度条
- 图表:所有账户数据汇总展示,可按账户筛选
- 控制:每个账户可独立启用/禁用
| 前端 | 后端 | 工具 |
|---|---|---|
| Electron 43 | Hono + better-sqlite3 | electron-builder |
| React 18 | TypeScript | Windows x64 |
| Vite 5 + Tailwind 4 | zod | |
| daisyUI 5 + Recharts | fetch (Node) |
opencodeboard/
├── electron/
│ ├── main.ts # Electron 主进程 + 内嵌后端启动
│ ├── preload.ts # IPC 桥接
│ └── backend/ # Node 后端(Hono + better-sqlite3)
│ ├── server.ts # HTTP 服务生命周期 + 自动同步
│ ├── routes.ts # 全部 API 路由
│ ├── db.ts # SQLite CRUD
│ ├── config.ts # 配置/脱敏
│ ├── quota.ts # OpenCode 配额获取
│ ├── ollama-quota.ts # Ollama 配额获取
│ ├── opencode-usage.ts # 用量记录获取
│ ├── usage-sync.ts # 增量/回填同步
│ ├── analytics.ts # 总览聚合
│ └── ...
├── src/ # React 前端(api / components / pages / hooks)
├── public/ # 静态资源与图标
└── scripts/ # 打包辅助脚本
pnpm dist输出:release\OpenCodeBoard-<version>-win-x64.exe
发版说明:正式版本发布在 KDB-Wind/opencodeboard Releases。
平台支持:当前优先维护 Windows x64 版本。macOS 与 Linux 可参考 Windows 版本的代码自行构建修改,但不保证能顺利运行。



