我用AI做了一个微信小程序,全程没写一行代码
从想法到上线,只用了2周,0成本,0代码基础也能看懂
原文地址
起因:家族群里,每天都是"震惊体"养生文
去年回家,发现家族群里每天刷屏的都是:
"震惊!吃这个能活到99岁!" "央视曝光!这三种食物千万不能一起吃!" "转给家人看!太有用了!"
我妈手机里装了七八个养生类APP,每天花两三个小时看各种文章和视频。
"这个说吃这个好,那个说吃那个好,我都搞不清听谁的。"
更让我头疼的是,她经常把一些明显是谣言的文章转发给我:
"快看看这个,说吃绿豆能治高血压!" "这个视频你一定要看,太可怕了!"
我一条条辟谣,她一句"宁可信其有"把我堵回来。
一个60岁的人,只是想获得靠谱的养生知识,怎么就这么难?
市面上的养生内容要么太专业看不懂,要么太夸张不靠谱,要么就是各种弹窗广告,要么就是需要登录才能看。
于是我想:能不能做一个真正适合长辈用的小程序?
- 不用登录,打开就看
- 字要大,按钮要大
- 内容要靠谱,来源要清晰
- 功能要简单,一个页面只做一件事
- 低密度的广告干扰(至少初期没有广告)
技术选型:为什么选微信小程序+云开发
我评估了几个方案:
| 方案 | 开发成本 | 运维成本 | 长辈使用门槛 |
|---|---|---|---|
| 原生APP | 高 | 高(服务器+域名) | 高(下载安装) |
| H5网页 | 中 | 中(服务器) | 中(浏览器打开) |
| 微信小程序 | 低 | 低(云开发免费额度) | 低(微信内打开) |
最终选了微信小程序+云开发,原因很简单:
- 长辈不用下载,微信里搜一下就能用
- 云开发免费额度够用,前期0成本
- 不用管服务器,不用备案域名
AI全程辅助:从0到1的开发过程
第一步:让AI帮我设计产品
我把需求告诉AI:
"我想做一个面向中老年人的养生小程序,不用登录,打开就能看每日养生知识和实用工具。帮我设计信息架构。"
AI给了我一个清晰的页面结构:
3个Tab:养生(首页)/ 工具(12个工具)/ 设置
首页:每日一签 + 养生知识列表
工具:健康自测、菜谱、食物搭配、急救、节气、黄历...
关键决策:AI建议我把功能拆成12个独立工具页,每个页面只做一件事。这个建议非常对,长辈不需要复杂的多功能页面。
第二步:用Trae让AI直接开发
我用的工具是 Trae(字节跳动出的AI编程IDE),开发方式很简单:
- 用自然语言描述需求 → 告诉Trae我要什么功能
- Trae直接改代码 → 自动在编辑器里生成/修改文件
- 我预览效果 → 在微信开发者工具里看效果
- 报错反馈 → 把错误信息告诉Trae,它自动修复
举个实际例子:
"帮我写一个菜谱列表页,从云函数获取数据,支持分类筛选和搜索,适老化设计,字号要大。"
Trae直接输出了完整的页面代码,包括:
- 搜索栏
- 分类标签
- 菜谱卡片列表
- 加载状态
- 空状态
我只需要看效果,不满意就继续提要求,它会自动调整。
整个过程就像跟一个懂技术的助手对话,我说需求,它写代码。
第三步:云函数也让AI写
云开发的核心是云函数,之前我完全没写过云函数,但AI帮我搞定了:
"写一个云函数,定时从正规来源抓取养生知识,过滤掉广告,存到数据库。"
AI输出了完整的云函数代码,包括:
- HTML解析逻辑
- 内容过滤规则
- 数据库写入
- 错误处理
我只需要在云开发控制台点"上传",就部署好了。
第四步:适老化设计,AI比我更懂
我原本以为适老化就是"字大一点",但AI给了我一整套设计规范:
- 字号:正文≥36rpx,标题≥42rpx
- 色彩:暖米白背景#FFF8F3,不用冷色调
- 交互:只用单击,禁用长按/滑动
- 反馈:错误提示用口语化中文+emoji("网络休息中 😴")
这些细节,如果不是AI提醒,我根本想不到。
踩过的坑
坑1:定时触发器不会自动创建
我以为上传了云函数的config.json,定时器就会自动生效。结果等了两天,数据一条没抓取。
真相:定时触发器需要在云开发控制台手动创建,config.json只是配置模板。
坑2:小程序审核不通过
第一次提交审核,被拒了:
"你的小程序服务内容涉及信息资讯,信息资讯属于个人主体未开放服务类目。"
原因:首页做得太像资讯平台了,有列表、有分类、有"每日推荐"标题。
解决:
- 把页面标题从"每日推荐"改成"每日养生"
- 卡片去掉时间和来源,突出养生分类标签
- 整体视觉更像"知识卡片"而不是"资讯列表"
- 审核备注写明"养生健康知识分享工具,非资讯平台"
第二次就过了。
坑3:分享卡片打开是空白页
用户从分享卡片点进来,先显示"加载中...",体验很差。
解决:分享时把标题和摘要通过URL参数传递,详情页一进来就能渲染内容,后台再异步加载完整数据。
最终成果
12个工具
| 工具 | 数据来源 |
|---|---|
| 健康自测 | 本地静态数据 |
| 家常菜谱 | 聚合数据API |
| 历史今天 | 聚合数据API |
| 食物搭配 | 本地静态数据 |
| 急救知识 | 本地静态数据 |
| 节气养生 | lunar-javascript库 |
| 今日黄历 | lunar-javascript库 |
| 生日转换 | lunar-javascript库 |
| 吉日查询 | lunar-javascript库 |
| 道教日历 | lunar-javascript库 |
| 佛教日历 | lunar-javascript库 |
| 八字排盘 | lunar-javascript库 |
成本
| 项目 | 费用 |
|---|---|
| 微信云开发 | 0元(免费额度) |
| 聚合数据API | 0元(免费额度) |
| 合计 | 0元/月 |
代码量
- 前端页面:18个
- 云函数:7个
- 总代码行数:约3000行
- 我自己写的代码:0行(全是AI生成,我只负责复制粘贴和调试)
一些感悟
1. AI不是替代开发者,而是放大开发者的能力
我不会Node.js,但AI帮我写出了云函数;我不懂适老化设计,但AI给了我一整套规范。
AI的价值不在于写代码,而在于把想法变成现实的速度。
2. 适老化不是"字大一点"那么简单
真正的适老化是:
- 零学习成本(不用教就会用)
- 容错友好(点错了能回来)
- 情感化设计(错误提示不冰冷)
这些细节,决定了长辈愿不愿意继续用。
3. 一个人也能做出完整的产品
以前我觉得做产品需要:产品经理+UI设计+前端+后端+测试。
现在我发现:一个人+AI = 一个团队。
体验方式
微信搜索「乐龄闲读」,或者扫码:
如果你家里也有长辈,欢迎让他们试试。字大、简单、不用登录,打开就能用。
也欢迎开发者朋友交流AI辅助开发的经验。