企业官网建设流程全解析

不装任何东西先试openGym：在线Demo完整试用教程

【免费下载链接】openGymSelf-hosted gym & body-weight tracker — plan routines, log workouts (supersets, warm-ups, cardio), see which muscles are trained, fatigued or detrained, import from FitNotes/Strong/Hevy, passkey login. Your data, your server.项目地址: https://gitcode.com/GitHub_Trending/op/openGym

还在为要不要安装一款健身记录应用而纠结？openGym 是一款可自托管的健身与体脂体重追踪工具，能帮你规划训练计划、记录每一次组数、查看肌肉训练与恢复状态。好消息是：它提供了一个在线 Demo，你什么都不用装，打开浏览器就能完整体验真实应用的功能，还内置了 12 周的示例训练数据，图表、热力图、力量趋势一目了然。本文就是这份 openGym 在线 Demo 的完整试用教程。

openGym 是什么：3 种使用方式里最轻松的一种

openGym 的定位很直接：你的数据、你的服务器。它没有订阅、没有广告、没有遥测，数据以 JSON 文件形式存放在你自己的机器上，支持 Passkey（人脸/指纹）登录和跨设备同步。

官方把使用方式分成了三档，Demo 就是其中最轻松的一档：

更多细节可以看 docs/FAQ.md 和文档索引 docs/README.md。

3 步进入 openGym 在线 Demo

Demo 是真实应用本身（同一套 React 前端代码），只是构建时开启了 Demo 模式，没有任何后端 API，因此完全跑在你的浏览器里。整个过程只需要 3 步：

1. 打开 Demo 入口：通过项目文档首页（docs/README.md）给出的 Demo 链接进入，无需注册、无需邮箱。
2. 以访客身份进入：Demo 运行在访客模式（guest mode），所有数据都保存在浏览器的 localStorage 里，由 guest.js 中的配置逻辑决定是否展示"免账号继续"入口。
3. 开始探索：加载完成后你会看到一份预置好的完整训练档案，而不是空壳界面。

💡 Demo 的数据由 demoSeed.js 生成器在加载时动态构建，且使用确定性随机种子——也就是说，每位访客看到的数据完全一致，截图和教程描述都可以放心对照。

Demo 构建的实现说明在 demo.js：静态托管环境没有 API，所以 Passkey 登录、多档同步和管理后台不包含在 Demo 里，这也是后文"能力边界"的原因。

试用清单：这份 12 周示例数据里能玩什么

Demo 预置了一份 Push/Pull/Legs（推/拉/腿）三分化训练计划，包含 12 周的历史记录、体重趋势和每组的努力度评分。建议按下面顺序试用，每一步都有对应的可看点：

1️⃣ 首页：今日训练与体重卡片

打开后的首页会显示"今天该练什么"。数据生成器特意保证了当天一定有一节可开始的训练——如果你正好落在休息日，Demo 会自动把下一节训练挪到今天，顺便演示了改期功能（见 demoSeed.js）。点击"开始"即可进入引导式训练。

2️⃣ 引导式训练：组数、休息计时与 PR 检测

训练界面是 openGym 的核心卖点：

• 每个动作一次菜单、组号即菜单，界面非常安静；
• 重量自动从上次记录预填（示例数据里重量随周数线性递增，能清楚看到这一点）;
• 组间休息计时器自动运行，支持跳过；
• 练出新纪录（PR）时当场提示——示例数据里几乎每周都有 PR。

3️⃣ 动作库：1,324 个动作 + 身体部位图筛选

练习库内置1,324 个动作，每个动作都带动画演示，可以按身体部位图、器械筛选和搜索。动作数据来自 exercises-data.js，多语言翻译文件在 frontend/exercise-names/ 与 frontend/src/locales/ 目录下（覆盖 17 种语言，包括阿拉伯语）。

4️⃣ 统计页：热力图、力量曲线与努力度趋势

统计页是示例数据"最秀"的地方，生成器刻意构造了有故事性的曲线：

• 全年活动热力图：一眼看出训练频率；
• 1RM 估算曲线：每个动作单独一条；
• 努力度（RIR/RPE）趋势：数据里包含一个"逼近力竭的训练块 → 减载周回落 → 再上一个台阶"的完整周期，还混入了 RPE 与 RIR 两种评分尺度，正好演示混合历史的统计方式（见 demoSeed.js 中的设计说明）；
• 体重曲线：示例用户从 82.4 kg 稳步减向 78.3 kg，目标线 77 kg，每周一、周四早晨打卡。

5️⃣ 肌肉地图：练了什么、疲劳了什么、荒废了什么

肌肉地图支持三种模式：训练量分布、仍在恢复中、长期未练。Demo 的示例数据里腿部训练刻意比上肢"离力竭更远"，所以三种模式呈现的画面各不相同——切换模式对比一下，很快就能理解这个功能在解决什么问题（实现见 structuralBalance-view.js）。

能力边界：Demo 里有什么、缺什么

试用前知道边界，才不会产生误解：

换句话说：Demo 适合体验功能和确认需求，正式使用需要后端，数据才会落到你自己服务器上。openGym 的部署结构很简单：React 前端 + 原生 Node API，API 只依赖两个第三方库（Passkey 与推送），全部数据就是./data目录下的几个 JSON 文件，架构可以对照下图理解：

它的同步机制也很直观：每个档案是一份带修订号的文档，设备提交改动时携带上次看到的修订号，若期间有别的设备写入，服务器返回当前文档让设备合并后重试——两台设备同时编辑会合并而不是互相覆盖：

试用之后：三条落地路径

如果 Demo 用着顺手，接下来通常有三条路：

1. 自托管（推荐）：只要一台装有 Docker Compose 的机器，docker compose up -d即可跑起，访问本地地址创建档案。首次启动会下载约 140 MB 的动作演示媒体。完整指南见 docs/SELF_HOSTING.md，局域网 HTTPS 与 Kubernetes 部署另有 docs/SELF_HOSTING_HTTPS.md 和 docs/SELF_HOSTING_KUBERNETES.md。
2. Android 单机 App：同一套代码打包成原生 App，不需要账号和服务器，数据全部留在手机里，见 docs/MOBILE.md。
3. 带上旧数据：从 FitNotes、Strong、Hevy（CSV 或 API Key）导入历史，也支持 Apple Health 的体重导出；随时可以把全部数据导出为一个 JSON 文件，指南见 docs/DATA_IMPORTS.md。

常见问题速答

Q：Demo 里的数据是真的吗？是精心构造的示例数据：三分化计划、线性递增重量、偶尔漏练、减载周、PR、两次/周的体重打卡一应俱全，目的就是把统计页"该长的样子"全部展示出来（生成逻辑见 demoSeed.js）。

Q：Demo 里练完的数据会保存吗？只存在你当前浏览器的 localStorage 里，换个浏览器或清理数据就会消失。想保留，请在设置里导出 JSON。

Q：Demo 要花钱吗？完全免费。openGym 以 AGPL 开源，无订阅、无付费档（见 LICENSE）。

Q：iPhone 能用吗？Demo 在任何设备的浏览器里都能用。iPhone 上另有两种正式用法：自托管后从 Safari 添加到主屏（PWA），或用 Xcode 构建原生 App，说明见 docs/MOBILE.md。

总结：openGym 的在线 Demo 是"零安装成本"体验完整健身追踪应用的最佳入口——12 周真实感示例数据 + 全部核心功能，10 分钟就能判断它是否适合你。试用满意后再考虑自托管，你的训练数据从此只属于你自己。

【免费下载链接】openGymSelf-hosted gym & body-weight tracker — plan routines, log workouts (supersets, warm-ups, cardio), see which muscles are trained, fatigued or detrained, import from FitNotes/Strong/Hevy, passkey login. Your data, your server.项目地址: https://gitcode.com/GitHub_Trending/op/openGym