Tech

  • Tech,  实用主义

    A Habit Garden Application

    Just launched my first web application: Habit Garden… 在尝试了Manus/Flowith/Trae之后,我终于发现ChatGPT agent才是最可靠的选择。借助Trae进一步优化代码和GitHub和Render进行云端部署,终于成功launch了我的第一个application… Habit Garden App:https://habitgarden.onrender.com Takeaways:1. 开始建构UI前一定要先选定合适的数据库, 这样才能根据功能需要设计合理的数据结构。 2. 数据库托管采用免费简单的共享数据库就可以,比如Supabase 500MB Free Plan,上手相当快。 3. 应用托管和数据库托管不必要在同一平台上。Render是个不错的app托管平台,deloy时能看到详细日志,一旦出现问题,把日志copy给AI就能解决。但Render数据库只有免费一个月的计划,不够经济。 4. 像我一样的小白要开发App,最好用的组合利器就是ChatGP5 Agent模式 + TRAE + GitHub。 先开发一个原型,这样能大大提高ChatGPT agent对UI和需求的理解:找到一个国产便宜好用的原型设计AI – GemDesign。有预设一些CSS风格可供原则,可以通过Chatbot对话不断完善原型设计。如果页面上有什么特定元素进行修改,还可以选中然后输入cmts,交互十分友好。 把需求文档、原型html code、原型截图都发给ChatGPT Agent,直到迭代到90%以上功能都可以正常使用。Plus用户每个月可以发送40个agent request,完全够用。 应用达到最小能用的水平后,就可以转到TRAE进行refine,主要处理细节优化、功能调试。TRAE的优点在于能发挥代码IDE的功能供你查看和编写代码的同时,自动帮你进行本地部署并在应用内直接访问,这样十分便于对应用进行锦上添花的调试。同时,它还能给出详细的debug过程和修改的代码片段。 最后使用GitHub托管代码,在本地终端可以通过git push指令进行版本迭代,同时用户数据都可以进行保留 5. Manus/flowith 这样的agent看似十分小白友好,但用起来真能把人气笑。归根结底问题在于你不掌握代码,也看不到它调试的过程,这样你就像一个对程序员和代码都毫无掌控能力的项目经理,只能盲目地根据最表层的网页显示来进行调试。我用1000块的会员订阅费和数十个小时和这些app的交互证明,没有意义。 6. ChatGPT agent和TRAE之间的选择也颇需注意。我曾经历过和TRAE奋战到凌晨五点结果把app给调废了的悲惨故事。我的经验是,代码问题,让TRAE解决,比如某个功能不work或者报错。但一旦涉及到需求逻辑不对,最好还是把整个folder交还给ChatGPT让它进行全面思考。简而言之,TRAE适合点和线,而ChatGPT负责面。当然还有,要手动做好备份。 我的app一共迭代了30余个版本,走了不少弯路。 希望下一步把它搬到iOS上可以少走弯路~