我用AI做了一个微信小程序,全程没写一行代码

0 阅读7分钟

从想法到上线,只用了2周,0成本,0代码基础也能看懂


原文地址

墨渊书肆/我用AI做了一个微信小程序,全程没写一行代码


起因:家族群里,每天都是"震惊体"养生文

去年回家,发现家族群里每天刷屏的都是:

"震惊!吃这个能活到99岁!" "央视曝光!这三种食物千万不能一起吃!" "转给家人看!太有用了!"

我妈手机里装了七八个养生类APP,每天花两三个小时看各种文章和视频。

"这个说吃这个好,那个说吃那个好,我都搞不清听谁的。"

更让我头疼的是,她经常把一些明显是谣言的文章转发给我:

"快看看这个,说吃绿豆能治高血压!" "这个视频你一定要看,太可怕了!"

我一条条辟谣,她一句"宁可信其有"把我堵回来。

一个60岁的人,只是想获得靠谱的养生知识,怎么就这么难?

市面上的养生内容要么太专业看不懂,要么太夸张不靠谱,要么就是各种弹窗广告,要么就是需要登录才能看。

于是我想:能不能做一个真正适合长辈用的小程序?

  • 不用登录,打开就看
  • 字要大,按钮要大
  • 内容要靠谱,来源要清晰
  • 功能要简单,一个页面只做一件事
  • 低密度的广告干扰(至少初期没有广告)

技术选型:为什么选微信小程序+云开发

我评估了几个方案:

方案开发成本运维成本长辈使用门槛
原生APP高(服务器+域名)高(下载安装)
H5网页中(服务器)中(浏览器打开)
微信小程序低(云开发免费额度)低(微信内打开)

最终选了微信小程序+云开发,原因很简单:

  1. 长辈不用下载,微信里搜一下就能用
  2. 云开发免费额度够用,前期0成本
  3. 不用管服务器,不用备案域名

AI全程辅助:从0到1的开发过程

第一步:让AI帮我设计产品

我把需求告诉AI:

"我想做一个面向中老年人的养生小程序,不用登录,打开就能看每日养生知识和实用工具。帮我设计信息架构。"

AI给了我一个清晰的页面结构:

3个Tab:养生(首页)/ 工具(12个工具)/ 设置
首页:每日一签 + 养生知识列表
工具:健康自测、菜谱、食物搭配、急救、节气、黄历...

关键决策:AI建议我把功能拆成12个独立工具页,每个页面只做一件事。这个建议非常对,长辈不需要复杂的多功能页面。

第二步:用Trae让AI直接开发

我用的工具是 Trae(字节跳动出的AI编程IDE),开发方式很简单:

  1. 用自然语言描述需求 → 告诉Trae我要什么功能
  2. Trae直接改代码 → 自动在编辑器里生成/修改文件
  3. 我预览效果 → 在微信开发者工具里看效果
  4. 报错反馈 → 把错误信息告诉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元(免费额度)
聚合数据API0元(免费额度)
合计0元/月

代码量

  • 前端页面:18个
  • 云函数:7个
  • 总代码行数:约3000行
  • 我自己写的代码:0行(全是AI生成,我只负责复制粘贴和调试)

一些感悟

1. AI不是替代开发者,而是放大开发者的能力

我不会Node.js,但AI帮我写出了云函数;我不懂适老化设计,但AI给了我一整套规范。

AI的价值不在于写代码,而在于把想法变成现实的速度。

2. 适老化不是"字大一点"那么简单

真正的适老化是:

  • 零学习成本(不用教就会用)
  • 容错友好(点错了能回来)
  • 情感化设计(错误提示不冰冷)

这些细节,决定了长辈愿不愿意继续用。

3. 一个人也能做出完整的产品

以前我觉得做产品需要:产品经理+UI设计+前端+后端+测试。

现在我发现:一个人+AI = 一个团队

体验方式

微信搜索「乐龄闲读」,或者扫码:

lelin.jpg

如果你家里也有长辈,欢迎让他们试试。字大、简单、不用登录,打开就能用。

也欢迎开发者朋友交流AI辅助开发的经验。