这篇讲我怎么用WorkBuddy在不写代码、不买服务器、不注册开发者账号的情况下,一个下午给家里做出一个全家人各自登录、能看化验曲线、能存检查报告、还能加到手机桌面的独立健康档案App。你照着做就行。
环境很简单:一台电脑、装好WorkBuddy、再加一部智能手机,云服务由平台托管,你不用自己搭。
还没安装WorkBuddy?注册送2000积分,最新大模型随便用,办公自动化超强AI工具!
我整理资料大概花了半小时,从动手到上线一个下午够了;做完之后全家在任何手机和电脑上都能打开,数据存在云端,不绑某一台设备。
一、这篇要做什么
做完你会拿到一个真正独立的家庭健康档案App:它有一个云端网址,全家人用各自的邮箱或手机号登录后都能看到全部家庭数据;在手机上能像原生App一样加到桌面,点图标全屏打开,没有浏览器地址栏。核心功能覆盖总览看板、指标曲线、健康记录、检查报告原件存档、治疗事件时间轴。不用写代码,也不用单独买服务器和域名,云资源由WorkBuddy平台统一管。
二、环境与前置条件
| 系统版本 | 面板 | 软件版本 | 需要提前准备的账号或密钥 | 需要放行的端口 |
|---|---|---|---|---|
| Windows或macOS均可 | 无需(平台托管) | WorkBuddy最新版 | WorkBuddy账号;家人邮箱或手机号;微信(扫码兜底) | 无需 |
动手前我先把历史资料归置好,这一步越整齐,后面AI录得越准。在电脑上建一个总文件夹,每位家庭成员一个子文件夹,再按类别分两层:每人名下分化验单、检查报告、出院记录,外加一个可选的时间线.txt手写大事记。
![图片[1]-使用WorkBuddy搭建全家共用健康档案APP图文教程-主题铺](https://cdn.zhutipu.com/wp-content/uploads/2026/11/20261107205908183.png/ztp)
文件名带上日期(如2025-09-16化验单.jpg)好排序;早年txt要是GBK/ANSI编码,先让WorkBuddy转成UTF-8再读,不然会乱码。中文文件名偶尔在网页链接里出毛病,原件存档副本建议用英文或数字命名(如report-20250916.jpg)。
三、部署步骤
1. 整理并确认家庭健康资料
我先在桌面上把每位家人的化验单、检查报告、出院记录按上面的两层结构归好类,有历年大事记的整理成txt或Word。这么做是因为按成员和类别分开,AI检索和录入的准确率比全搅在一个文件夹里高出一大截,后面几乎不用返工。打开总文件夹,看到每位成员名下都是分类清晰的子文件夹、没有东西散在根目录,这一步就算齐了。
2. 向WorkBuddy提需求并先确认方案
我打开WorkBuddy直接开聊,把需求一次说清,并且特意要求它「先出方案、确认后再动手」。
这一步我吃过亏,不先对齐,容易做完才发现不是自己想要的,得返工好几轮。需求话术我放在文末速查表里,你直接复制改改括号里的内容就能用。等它先丢回来一版功能清单和页面结构,你确认或改完,它才正式开发。
![图片[2]-使用WorkBuddy搭建全家共用健康档案APP图文教程-主题铺](https://cdn.zhutipu.com/wp-content/uploads/2026/11/20261107205952490.png/ztp)
3. 开通云服务
当WorkBuddy问你要不要数据存储、用户登录或云端部署时,我明确让它开云服务,包含用户注册登录、云数据库、文件存储和部署上线。原因很实在:只有开了云服务,App才是「全家人手机都能用」的云端版;要是做成只存在本机浏览器的本地版,换台设备数据就没了。开通后你会拿到两样东西:一个独立网址(形如https://xxx.app.workbuddy.host,全家的入口)和一个管理入口(在应用标题旁的「云服务」里配登录方式、看注册用户)。
万一第一版不小心做成了本地版也别慌,直接说「改成云端版,数据迁到云数据库」,同一套页面换后端就行。到「设置>数据管理>应用」里能看到这个应用、且带云服务标记,这一步就落定了。
4. 建统一记录表并配置登录方式
我让WorkBuddy建一张统一记录表,核心字段就这几个:成员、类型(指标数值/事件/文件三选一)、标题、数值+单位、日期、备注、附件;顺手在「云服务」的「身份认证」页把邮箱验证码、短信验证码、微信或平台账号登录这几个开关都打开。
![图片[3]-使用WorkBuddy搭建全家共用健康档案APP图文教程-主题铺](https://cdn.zhutipu.com/wp-content/uploads/2026/11/20261107210016546.png/ztp)
家庭内部共享,权限选「登录用户全部可读写」最实用,也最不容易出现「谁的数据看不见」的扯皮;登录方式平台托管,开箱即用,不用你配邮件服务器和短信通道。等身份认证页开关都是开的状态、记录表字段齐全能选成员填类型挂附件,就成了。
5. 生成前端页面并批量导入历史资料
我把需求交给WorkBuddy让它生成完整页面,重点验收五件事:登录页、总览看板、曲线图、记录筛选、快速录入。接着让它读取桌面「家庭健康」文件夹,按成员子文件夹逐份识别报告和化验单,把指标数值、检查结论、治疗事件录进数据库,并注明日期和来源。
这里有个坑我必须提醒你:一定要求它把所有第三方库(图表库、云服务SDK)内嵌进单个HTML文件,页面不引用任何外部CDN地址。手机网络环境复杂,国外CDN经常加载失败,表现就是「页面能打开但点登录没反应」「曲线图空白」,而且这类报错在电脑上根本复现不出来,特别隐蔽。
还没安装WorkBuddy?注册送2000积分,最新大模型随便用,办公自动化超强AI工具!
话术我也放文末了。录完之后,我让它「列出全部已录入指标清单」对照原单核一遍,AI初读报告容易漏掉化验单角落的小字,数值错了也能单条纠偏。最后你亲自登录App,确认总览看板、曲线图、记录列表三处都有数据,任何一处空着都说明代码没接上(比如首页没触发数据加载),直接说「登录后曲线页没有数据,请排查数据加载逻辑」一次就能修好。
![图片[4]-使用WorkBuddy搭建全家共用健康档案APP图文教程-主题铺](https://cdn.zhutipu.com/wp-content/uploads/2026/11/20261107210035850.png/ztp)
![图片[5]-使用WorkBuddy搭建全家共用健康档案APP图文教程-主题铺](https://cdn.zhutipu.com/wp-content/uploads/2026/11/20261107210046911.png/ztp)
6. 发布上线并添加到手机桌面
我在对话里说「发布」或「上线」,WorkBuddy返回最终链接;想要像App一样全屏运行,就让它PWA化(生成应用图标和manifest,支持添加到主屏幕)。
这一步有个最容易忘的死规律:每次改动前端后必须重新发布,否则手机上看到的永远是旧版,所谓「我明明改了怎么没变化」,九成是没重新发布。链接带访问参数才能打开(防爬机制),直接用原链接,别手贱删参数。
手机上加桌面的操作只能手机做:iPhone用Safari打开链接→底部中间「分享」→「添加到主屏幕」;安卓用Chrome打开→右上角「⋮」→「添加到主屏幕」或「安装应用」。iPhone必须用Safari,用微信内置浏览器打开找不到那一项,得先点右上角「···」→「在浏览器中打开」。
等你自己用手机实测能进、能登录、有数据,家人在各自手机上分别「添加到主屏幕」后桌面出现图标、点开即全屏,这步就收工了。
![图片[6]-使用WorkBuddy搭建全家共用健康档案APP图文教程-主题铺](https://cdn.zhutipu.com/wp-content/uploads/2026/11/20261107210055468.png/ztp)
7. 日常使用与数据备份
新化验单我习惯拍张照,打开App上传报告顺手把关键指标录进去,曲线自动延长。哪天化验单上冒出App里没有的指标项,直接说「新增指标『XX』,参考范围A~B,单位XX,加入总览关键指标卡」,下拉、参考值表、总览卡片会一起更新。
不想手动录就把报告照片丢给WorkBuddy说「录入到某成员名下」,它读图提数值直接进库。我还让它在应用里加了个「一键导出全部数据为JSON文件」的功能,每隔一两个月导出一份存本地,云端之外多一道本地备份,踏实。
等导出拿到一份JSON、加新指标后总览卡片和下拉都冒出该项,日常这一摊就稳了。
四、常见报错
| 现象 | 原因 | 处理 |
|---|---|---|
| 发送验证码显示成功,但手机/邮箱收不到 | 邮箱判为垃圾邮件;对应开关未开;新应用通道有初始化延迟 | 先翻垃圾箱和订阅邮件;确认身份认证开关已开;新应用开通后约4~6小时内双通道可能都收不到,隔几小时再试;换一家收信宽松的邮箱;实在不行开微信或平台账号扫码登录兜底 |
| 页面能打开,但点登录没反应、曲线图空白 | 第三方库走了外部CDN,手机网络下加载失败 | 要求把所有库和SDK内嵌进单个HTML,不引用任何外部CDN;并让SDK加载失败时给出明确提示 |
| 登录后总览/曲线/记录有一处是空的 | 首页没有触发数据加载逻辑,代码没接上 | 直接说「登录后曲线页没有数据,请排查数据加载逻辑」,重新发布即可 |
| 在微信里打开页面,点登录没反应 | 微信内置浏览器限制 | 点右上角「···」→「在浏览器中打开」再操作 |
还得说句实在话:接口层永远显示「发送成功」,但「受理成功」不等于「短信/邮件已投递」,投递是另一条通道的事。所以收不到验证码时别先怀疑自己操作错了,按上面那条顺序排查就行。
五、常见问题
做好的App能不能从本地版中途升级到云端版?
能。你直接说「改成云端版,数据迁到云数据库」,同一套页面换后端即可,已录入的数据可以批量导入,不必推倒重来。
老txt笔记读出来是乱码怎么办?
多半是GBK/ANSI编码。说一句「先把txt转成UTF-8再读」,转换由WorkBuddy完成,转换后读取即正常。
iPhone添加到桌面必须用Safari吗?
必须。用微信内置浏览器打开找不到「添加到主屏幕」,需先点右上角「···」→「在浏览器中打开」,再用Safari走分享菜单添加。
改完页面手机上还是旧版怎么回事?
改完前端必须重新发布,线上版本不会自动变。在分享面板点「更新」或直接说「更新发布」,链接保持不变。
怎么知道家人都注册成功了?
第一次注册登录后,到「云服务」的用户列表确认谁已注册,没成功的单独帮他走一遍扫码登录即可。
六、小结
这套方案适合普通家庭做健康数据的集中管理与共享,门槛低、一个下午能成型。但它不是医疗系统:涉及严格隐私合规、需要完全离线不联网、或要求端到端加密存放极敏感资料的情况,不建议走这条家庭共享明文存储的路,应改用有资质的专业方案。
做完对照下面清单勾一项是一项:
| 复刻检查项 | 是否完成 |
|---|---|
| 桌面建好总文件夹,每位成员一个子文件夹,资料分类放入 | □ |
| 用话术提需求,确认方案后再开发 | □ |
| 开通云服务(登录+数据库+文件存储+部署),记下线上链接 | □ |
| 建好统一记录表,权限为家庭共享;登录开关已开启 | □ |
| 验收五个功能;第三方库全部内嵌,不引外部CDN | □ |
| 历史资料批量导入并逐份核对指标清单防漏录 | □ |
| 登录后亲眼核对总览/曲线/记录三处数据完整 | □ |
| 发布上线,用原链接在手机实测打开;PWA化并添加到桌面 | □ |
| 导出一份JSON备份存本地 | □ |
常用话术直接复制:
| 场景 | 直接复制这句话 |
|---|---|
| 提需求 | 我想做一个独立的家庭健康档案App:家人各自邮箱登录、共享数据;功能含指标曲线、报告上传、治疗时间轴、总览看板。先出方案再开发。 |
| 开云服务 | 要开云服务:用户登录+云数据库+文件存储+部署上线。 |
| 导入资料 | 读取我桌面「家庭健康」文件夹,按成员子文件夹逐份识别,提取指标数值和治疗事件录入数据库,注明日期和来源。 |
| 防CDN坑 | 把所有第三方库内嵌进单个HTML,不引用外部CDN;SDK加载失败时给出提示。 |
| 加新指标 | 新增指标「XX」,参考范围A~B,单位XX,加入总览关键指标卡。 |
| 重新发布 | 改动完成,请重新发布上线,链接保持不变。 |
| 登录兜底 | 验证码收不到,请开启微信或平台账号扫码登录作为兜底方式。 |

















暂无评论内容