0经验vibe coding,1个月小程序正式上线

0经验vibe coding,1个月小程序正式上线文字配图
作者:0经验vibe coding,1个月小程序正式上线

今年在健身,教练会每个月定期测一下体重和体脂相关的数据,主要是导入在手机备忘录里面。看数据的时候不是很方便。 想着正好可以vibe coding一个小程序,便于数据的记录对比,也跑通下AI开发的环节,积累些实操经验(某AI公司非产品技术岗人员)。 6月12日开始申请wx公众号平台,到7月7日正式上线,前后差不多了一个月(主要耗费在备案时间)。 【工具】 - Codex - 微信开发者工具 - 阿里云轻量服务器 【开发环节】 - 需求描述:和codex描述了我想要的小程序产品需求,让它帮我规划了一下需要哪些功能模块。 - 风格选择:让codex先生成了几版界面风格供我参考,最终定下了浅色+像素小人风格 - 原型+前端:让codex先开发了高保真的原型界面。这里就开始踩坑了: ① 一开始生成的是html格式,后续转到微信小程序的界面,就会导致失真和风格不统一的情况,前前后后折腾了好久。 ② 交互的各种bug,比如数据记录后是否能保存。详情页面的展开,一开始邀请码的设定等等。全是bug。基于微信开发者工具里的实际界面,一个模块一个模块把这里的交互逻辑理顺,在我在开发环节花费时间最长的地方。 ③ 用户体验的bug,微信开发者工具里的界面和真机测试里又不太一样,模块间距离的分布等等,又调了好久。 - 服务器的选择:一开始是想用微信云,但后面看了下价格挺贵的,好像20还是多少一个月,后面查了查阿里云更便宜,一年应该是69,就转到那边去了。 - 后端开发+测试:完全交给codex,告诉他需要部署到阿里云,后端的代码都是他自己写的,然后自己跑测试验证 主要的开发环节大概就是以上,断断续续花了2-3天左右(每天晚上搞一点),谈谈我遇到的几个主要问题: ① Codex上下文到极限:真的是纯小白,这个小程序我没有建项目,纯粹靠聊天完成的,快到上下文极限就让它整理关键点(它自己自动压缩过几轮),开新的对话继续。也能搞完哈哈。我看了下别的帖子,又更工程化的搞法,比如主对话,worker之类的,下次可以试一试。 ② 服务器的选择:一开始是打算用微信云的,想着更方便,后端的代码也是基于这个写的,但后面转到阿里云,又重新写了一遍 ③ 工作的同步进展:微信公众号平台的注册、域名购买、ICP备案等其实可以和开发同步开展起来,最耗费时间的就像一开始说的,是这些开发外的工作 #小程序开发 #个人开发者 #ai