67a7c4b87e86aabe33440a27edb5175597b82700
开关 - 我的 .toggle 类名和 Framework7 自带的 .toggle 组件撞了,元素被压成 0×0; 另外 F7 全局给 input[type=checkbox] 加了 display:none,胜过我的 opacity:0, 所以那个开关根本点不到。改名 set-switch 并显式恢复 input 的 display。 - 设置项改为乐观更新:先动控件,再发请求,失败回滚并报错。 经隧道一个来回约半秒,开关在那半秒里纹丝不动会被当成坏了, 用户再按一次,两个写入就打架了。 返回键 - 去掉导航栏毛玻璃背景时也把尺寸一起去掉了,链接缩成 44×16, 手机上很难点中,按下也没有反馈。恢复 44px 高的热区并加按下态。 路由卡死 - F7 启动时给根节点加 framework7-initializing 来抑制动画,靠下一帧移除。 这一帧在后台标签页或被节流的 webview 里不会到来,于是该类一直挂着, 它的 transition-duration: 0ms !important 让过渡永远不发 transitionend, 路由等的就是这个事件——allowPageChange 置 false 后再也没恢复, 之后每一次导航(包括每一次返回)都被静默丢弃,只能刷新页面。 - 启动后主动清掉该类,并加一个看门狗:过渡类存活超过 1.6 秒即视为卡住, 清理残留状态并放行路由。 进度条改用 portal 挂到 document.body。它原本是 F7 根节点的第一个子元素, 就这一个多余的节点会干扰 F7 的初始化。 部署脚本改为原子替换 static:原先 rm -rf 后再解包,中间有一段时间 文件是缺的,正好撞上就是 502。 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%