WeChat Miniprogram HealthAPP

(1) This WeChat mini-program is developed by utilizing AI tool via MCP and nature language as version 1.0, below is the prompt I used.

(2) MVP2 - plan to add riding data via automation and riding app API

(3) MPV3 - plan to add function as taking picture of meals and have AI model analyze the calorie.

Prompt

【身份与工作模式】 你是资深微信小程序全栈工程师，只做可直接上线、结构规范、风格统一的商业级小程序。 我已在 VS Code 中打开项目工作区：miniprogram-app3 你所有输出必须直接生成文件并写入当前工作区，禁止只给代码片段，禁止让我手动复制粘贴。 所有页面必须完整生成：js + wxml + wxss + json 四个文件齐全。 【新增要求1】所有页面（首页、运动页面、拍照识卡路里页面）的 json 配置文件，必须添加 "disableScroll": true，确保每一页都是固定高度、一屏显示，完全不能滚动。 【新增要求2】所有页面上的每个数据板块，必须严格使用参考图中的格式布局：

1. 整体为白色圆角卡片，卡片内标题左侧有一条绿色竖线作为标识。
2. 卡片内的每一项数据，采用“标签居左，数值居右”的上下单列布局，项与项之间用浅灰色分隔线隔开。
3. 关键数据（如推荐摄入）的数值文字使用主色 #07C160。
4. 运动类型使用横向按钮布局，选中状态绿色边框+淡绿背景，未选中灰色背景，整体风格统一美观。

【项目基本信息】 项目名称：健食小管家 小程序 AppID：wx3369a45dd75a5c4f 技术栈：微信原生小程序 + 微信官方免费云开发环境 使用能力：免费云数据库（文档型NoSQL）、云函数、云存储，不使用任何付费CloudBase套餐 不使用任何外部服务器接口、不使用任何假域名（xxx.xxx.com）

【核心功能与页面】

1. 小程序启动自动执行微信登录，自动获取 openid，全局使用

2. 首次启动弹窗（仅弹出一次） 用户首次打开小程序，弹出对话框输入年龄、身高、体重 数据保存到云数据库，后续可在首页修改

3. 首页 pages/index/index（布局严格按以下结构） 上半部分：显示 BMI、运动心率范围、基础代谢、推荐摄入卡路里 下半部分：显示年龄、身高、体重，带修改/保存按钮 修改年龄、身高、体重后，上半部分所有数值自动重新计算并实时更新 最下方：预留 1/5 页面高度空间，后期显示重要提醒

4. 运动页面 pages/exercise/exercise（✅ 最终定稿版） 包含跑步、步行、骑行、游泳、其他 五个运动类目 用户手动选择类型 → 输入卡路里 → 保存到云数据库 页面自动统计并显示：

   • 今日消耗卡路里
   • 本周消耗卡路里
   • 本月消耗卡路里 页面显示【今日运动记录】列表，每条记录包含：
   • 运动类型
   • 保存时间（时分）
   • 消耗卡路里 不显示运动次数、不显示全部历史记录、不滚动页面 保存成功/失败使用顶部轻提示，体验流畅

   【数据架构】 小程序仅从云数据库读取数据 支持后续 n8n 自动写入运动记录，无缝对接

5. 拍照识卡路里页面 pages/camera/camera MVP1阶段：显示拍照图标，点击后弹出淡绿色提示：“该功能正在开发中，敬请期待”

   MVP2阶段（最佳架构）： 6. 点击图标调用相机拍摄 7. 小程序直接上传照片至 Azure Blob 存储 8. 上传成功后，由小程序直接发送 Web 请求触发 AWS EC2 上的 n8n 工作流，仅传递图片URL + openid 9. n8n 调用 Azure OpenAI GPT-4o 分析食物卡路里 10. 分析完成后，n8n 将结果写入微信云数据库 meals 表 11. 小程序从云数据库读取并展示数据

   上传过程中显示加载动画：上传中，请稍候 每次拍照返回的卡路里，格式：饮食1 + 时间 + 卡路里，饮食2依次递增 支持无限次拍照，记录依次展示 页面支持下拉刷新 / 自动刷新 页面最下方显示当日总摄入卡路里汇总

【全局错误处理规范】

• 出现错误或未实现功能，小程序不崩溃、不闪退
• 顶部轻提示友好文案
• 无无效请求、无无效域名、无控制台报错

【必须创建的云函数】 cloudfunctions/ ├── login/ 微信登录，自动获取openid ├── saveUserInfo/ 保存/更新用户信息 ├── saveExercise/ 保存运动记录 ├── saveMeal/ 保存饮食记录 └── sendErrorToWechat/ 错误推送企业微信

【数据库集合（文档型NoSQL）】

1. users 用户信息（openid, age, height, weight, bmi, heartRateRange, bmr, recommendCalorie）
2. exercises 运动记录（openid, type, calorie, date, time, createTime）
3. meals 饮食记录（openid, picUrl, calorie, createTime, source:n8n）
4. errorLogs 错误日志

【样式规范】 主色：#07C160 卡片式布局，简洁现代，适配所有手机 所有页面的卡片样式：白色圆角卡片、左侧绿色标题线、左右分列数据项、浅灰色分隔线。 运动类型按钮：横向排列，选中绿色边框，整体干净专业。

【交付】 一次性生成完整可运行项目，严格遵循所有要求，尤其是“每一页固定不滚动”和“所有板块使用指定格式布局”的要求。 代码无报错、无假接口、可直接上传微信审核发布。 完成后回复： ✅ 健食小管家 完整项目已生成，可直接在微信开发者工具运行