Skip to content

Repository files navigation

68HUB — OpenCode Go 用量统计面板

🌐 English

GitHub Stars Latest Release License Platform

68HUB 是一款基于 Electron 的 OpenCode Go 用量统计面板:多账户配额、Token 消耗、每日趋势、使用记录一目了然,数据全部保存在本地。


衍生项目 Derived Projects

社区基于 68HUB 二次开发的项目(按创建时间排列):

项目 平台 说明
68HUB Web Server Edition 🌐 Web 移除 Electron 的纯 Web 部署版,Hono + better-sqlite3 后端,Docker / systemd 一键部署,浏览器访问
OCGoQuota 📱 Android Tauri 2 + Rust 本地核心,Cookie 加密存储,触摸下拉刷新,数据不依赖云端服务
OpenCodeQME 🧩 Chrome / Edge 独立 MV3 浏览器扩展,工具栏小窗预览 + 独立详情页,IndexedDB 本地历史同步,中英文界面
OpenCodeBoard 🖥️ Windows 个人使用向分支,升级 Electron 43,Token 统计支持模型筛选,独立打包发版
68HUB 安卓端 📱 Android React Native + Expo 移植,UI 与功能对齐桌面端,Auth Cookie KeyStore 加密存储

感谢所有二次开发作者的贡献,也欢迎基于 MIT 协议继续衍生你的版本。


预览 Screenshots

页面 截图
📊 用量总览 Dashboard
📈 Token 统计 Token Stats
📅 每日趋势 Daily Trends
⚙️ 设置 Settings

功能 Features

模块 说明
📊 用量总览 账户数量、剩余配额、总 Token 消耗和今日 Token 使用量一目了然;左侧 5h/7d/30d 配额进度条,右侧 Top 3 模型 Input/Output 环形图与时间切换
📈 Token 统计 模型 Token 消耗对数比例柱状图与用量趋势,输入/输出柱间距自适应;支持账户和时间范围筛选,默认近 30 天且选择会自动保存
📅 每日趋势 按日期查看各模型输入、输出、缓存 Token 与缓存率,支持账户筛选
📋 使用记录 完整的使用记录日志,支持分页和账户筛选
⚙️ 设置 多账户管理(新增/测试/同步/回填/删除),自动同步开关与间隔设置;后端端口冲突时自动切换可用端口
ℹ️ 关于 联系方式与技术栈

多账户支持 Multi-Account Support

  • 配额:每个账户独立显示 5h/7d/30d 进度条
  • 图表:所有账户数据汇总展示,可按账户筛选
  • 控制:每个账户可独立启用/禁用

快速开始 Quick Start

# 安装依赖
pnpm install

# 开发模式(自动启动后端 + Vite + Electron)
pnpm dev

# 仅启动前端 Vite(需后端或 Mock)
pnpm dev:vite

内嵌后端(Hono + better-sqlite3)随 Electron 主进程自动启动,无需单独运行 Python 服务。

技术栈 Tech Stack

前端 后端 工具
Electron 31 Hono + better-sqlite3 electron-builder
React 18 TypeScript Windows · macOS
Vite 5 + Tailwind 4 zod
daisyUI 5 + Recharts fetch (Node)

项目结构 Project Structure

68HUB/
├── 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/                # 静态资源
└── build/                 # 图标(自动生成)

构建 Build

pnpm dist

输出:release\68HUB Setup <version>.exe

致谢 Acknowledgments

联系 Contact

License MIT

MIT © 68HUB

Star History 星标趋势

Star History Chart

About

OpenCode Go 平价 Coding Plan 用量统计桌面应用

Resources

Stars

58 stars

Watchers

0 watching

Forks

Releases

Contributors

Languages