fd9b610810c8b6e3b15b912cab5bd557e2158a7c
按指定结构调整导航:每日归入趋势、睡眠归入健康、同步归入设置, 它们是各自 Tab 的详情视图而非独立目的地。新增「运动」Tab。 运动页(新): - 近 30 天运动时长/距离/消耗,以及今日强度分钟 - 项目分布:按累计时长排序,横条表示占比。只用一个色相 —— 每个项目 一种颜色会让人以为分类另有含义 - 强度分钟趋势图,附 WHO 每周 150 分钟的参考 - 记录 / 个人纪录 / 奖励三个分页,运动记录 174 条 fix(nav): 五个 Tab 全部加载了同一个页面 - browserHistory 开在每个 View 上,导致它们都去读浏览器地址栏(当时是 "/")而不是各自的 url,五个 Tab 渲染出五份「今日」 - 浏览器历史只绑定主 View,其余 Tab 用自己的 url 独立加载 fix(nav): 导航栏右侧对所有页面塞同一组图标 - 睡眠/同步/设置三个图标出现在每个页面上,其中两个在多数页面无意义。 改为按页面声明:趋势 → 每日,健康 → 睡眠,设置 → 同步 fix(viz): 图表标题在窄栏里竖排 - 标题与「看数据」按钮争抢宽度,短标题被压成竖排字符。 标题允许收缩省略,按钮不收缩 fix: 未映射的运动类型直接暴露 snake_case - 补充登山/划船/椭圆机等映射;仍未覆盖的转为空格分词并首字母大写, 而不是把 Garmin 的原始 key 摆给用户看 Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
佳明健康数据分析平台 (Garmin Health Lab)
一个完整的健康数据分析平台,用于获取、分析和可视化你的佳明(Garmin)设备数据。
📊 主要功能
- 数据同步: 通过 Garmin API 自动同步你的健康数据
- 综合分析: 步数、心率、睡眠、运动、压力等多维度分析
- 数据可视化: 交互式图表和仪表板展示健康数据趋势
- 智能建议: 基于数据分析的个性化健康建议
- 数据导出: 支持数据导出为 CSV/JSON 格式
🛠 技术栈
前端
- React 18 + TypeScript
- Recharts (数据可视化)
- Tailwind CSS (样式)
- Axios (API 请求)
后端
- Python 3.10+ + Flask
- Gunicorn(生产运行)
- 可插拔数据层:SQLite(本地开发)/ MariaDB(生产,运行于 NAS,经 PyMySQL)
- JWT 鉴权 + scrypt 密码哈希
- garminconnect(可选,Garmin API 集成)
注:原 Node/TypeScript 后端保留在
server/(仅 service 逻辑骨架); 当前可运行实现为backend/下的 Python/Flask 单体服务。
📁 项目结构
GarminHealthLab/
├── client/ # 前端应用 (React 18 + TypeScript)
│ └── src/services/api.ts # API 客户端(含 JWT 拦截器)
├── backend/ # 后端应用 (Python + Flask) —— 当前可运行实现
│ ├── app.py # 应用工厂 / 路由装配
│ ├── wsgi.py # Gunicorn 入口
│ ├── config.py # 配置(读 .env)
│ ├── db.py # 可插拔数据层 (SQLite / MariaDB)
│ ├── auth.py # scrypt + JWT + require_auth
│ ├── services/ # 业务逻辑 (health / analysis / garmin)
│ ├── routes/ # 蓝图 (auth / garmin / health / analysis)
│ ├── tests/smoke.py # 冒烟测试
│ ├── requirements.txt
│ └── .env.example
├── server/ # 原 Node/TS 后端(仅 service 骨架,未接入路由)
├── docs/ # 文档
├── package.json # 工作空间根配置
└── README.md
🚀 快速开始
前置要求
- Node.js 18+
- npm 或 yarn
- Garmin Connect 账户
安装依赖
前端(React):
npm install
后端(Python/Flask,建议在虚拟环境中安装):
cd backend
python -m venv venv && source venv/bin/activate
pip install -r requirements.txt
配置环境变量
复制 backend/.env.example 为 backend/.env 并填入真实值(.env 已被
.gitignore 忽略,不会进入版本库):
PORT=5000
DB_TYPE=sqlite # 本地开发用 sqlite;生产切 mariadb
DATABASE_PATH=./data/health.db
JWT_SECRET=your_jwt_secret_here # 生产务必更换
CORS_ORIGIN=http://localhost:3000,http://localhost:5173
原
server/.env的 Node 配置已弃用,请改用backend/.env。
数据库:SQLite / MariaDB 可插拔
数据层通过 DB_TYPE 环境变量切换后端,业务代码无需改动:
- SQLite(默认,本地开发):零配置,由
DATABASE_PATH指定文件位置。 - MariaDB(生产,运行在 NAS 上):经
mysql2连接,优先走 socket(MARIADB_SOCKET),也可用MARIADB_HOST+MARIADB_PORT。
生产使用 NAS 上的独立库 garmin_health_lab(与 sentinel_home_ai 隔离)。完整配置见 backend/.env.example:
DB_TYPE=mariadb
MARIADB_SOCKET=/run/mysqld/mysqld10.sock
MARIADB_USER=root
MARIADB_PASSWORD=your_nas_mariadb_root_password
MARIADB_DATABASE=garmin_health_lab
复制
backend/.env.example为backend/.env并填入真实值;.env已被.gitignore忽略,不会进入版本库。
启动开发服务器
后端(Flask,端口 5000):
cd backend
source venv/bin/activate
python app.py
# 或生产方式:gunicorn wsgi:app -b 0.0.0.0:5000
前端(Vite/React,端口 3000 或 5173):
npm run dev
- 前端: http://localhost:3000
- 后端 API: http://localhost:5000/api
冒烟测试
cd backend
python tests/smoke.py
📚 API 文档
认证
POST /api/auth/register- 用户注册(email, garminEmail, garminPassword)POST /api/auth/login- 用户登录(email, password)POST /api/auth/logout- 用户登出POST /api/auth/refresh- 刷新 Token
Garmin 数据同步
POST /api/garmin/sync- 同步 Garmin 数据GET /api/garmin/status- 获取同步状态
健康数据
GET /api/health/summary- 获取健康摘要GET /api/health/steps- 获取步数数据GET /api/health/heart-rate- 获取心率数据GET /api/health/sleep- 获取睡眠数据GET /api/health/activities- 获取运动数据
分析与建议
GET /api/analysis/trends- 获取数据趋势GET /api/analysis/recommendations- 获取健康建议
🔐 安全说明
- Garmin 账户密码使用加密存储
- 所有 API 请求需要 JWT 认证
- 敏感数据不在前端存储
📝 开发指南
📄 许可证
MIT
Description
Languages
JavaScript
61%
Python
22.2%
TypeScript
12.1%
CSS
4.1%
Shell
0.6%