挑战不写一行代码开发APP?

前言
AI时代,真的人人都是程序员?起初听到这句话,多少有些将信将疑。直到不久前,一位设计师朋友在App Store里发布了好几款他自己做的应用,才让人不得不重新审视这个可能性。这不禁让人好奇:一个普通人,究竟能否在AI的辅助下,不写一行代码,就完成从想法到上线的完整应用开发流程?今天,我们就来亲身测试一番。
需求来源
这次要开发的是一个图片拼接应用,核心功能很明确:将多张图片无缝合并为一张长图或大图。这个需求并非空想,而是源于几个具体的痛点:
- 微信朋友圈一次最多只能发布9张图片,当照片数量超出时,拼接成长图就成了刚需。
- 虽然一些自带技能的AI工具(如Coze)能实现拼图,但往往带有水印,且在文件大小和数量上存在限制。
- 有人推荐使用微信收藏笔记的导出功能,但实测效果不佳——图片间会出现白色缝隙,且当总长度超过某个阈值后,导出的图片会被截断。
- 应用商店里能找到的拼图App,要么需要付费,要么交互体验欠佳。比如,有些应用在拼接过程中无法预览和编辑,一旦出错就得从头再来,并且导出图片的质量还会被压缩。
- 除了常规的垂直拼接,还希望应用能支持水平拼接,甚至九宫格等更灵活的排版方式。
技术调研
明确了需求,接下来就是技术选型。开发工具选择了功能全面的Trae,它支持Gemini、GPT、Kimi、Deepseek等主流大模型。在正式动手前,先用豆包AI做了一次初步调研。结果发现,如果纯用前端技术(如Canvas)处理图片拼接,会受限于浏览器对Canvas尺寸的限制,尤其在移动端,很难生成高质量的大图。于是,在AI的建议下,技术栈确定为Node.js后端配合Sharp图像处理库,以规避前端的性能瓶颈。
开发步骤
真正的“无代码”开发就此开始:
在Trae中开启SOLO模式,并选择“SOLO Coder”角色。这个模式的好处在于,AI会先为你生成一份详细的开发方案。
向AI清晰地描述需求:
“我需要一个具备前后端的应用。前端(H5)供用户操作拼图,后端管理数据。具体要求包括:支持向下或向右无缝拼接;点击即可导出为单张图片;每次操作都能保存任务进度,方便用户后续编辑;管理端需包含用户管理、任务管理、图片管理等功能。”
同时,也给出了技术要点:后端使用Node.js和Sharp库处理图片;前端使用Vue3和Vant移动端组件库;管理端使用Element-Plus。
AI“思考”了大约两分钟后,生成了一份完整的项目计划文档,内容涵盖架构设计、技术栈、数据模型甚至对应的SQL语句。一切就绪,只等按下“执行”按钮。
按下“执行”后,过程几乎完全自动化。AI依次完成了代码编写、同步到GitHub、在Supabase(后端即服务平台)创建数据库、并将整个系统部署到Vercel(云托管平台)等一系列操作。最后,它自动在Trae内置的浏览器中打开了刚刚上线的应用。
后续的迭代,如增加用户角色权限控制、API密钥管理等功能,也同样轻松。只需不断向AI补充和细化需求即可。整个过程中,确实没有手动编写任何一行代码。
扩展开发
基础系统搭建完成后,想法开始延伸:能否把这个拼图能力集成到更流行的AI工作流工具里?比如做成Coze的技能包,或者嵌入Dify的工作流。
首先,将“生成API接口”的需求告诉AI。它同样先输出方案,然后引导执行。最终,不仅生成了API,还附带创建了API测试页面和详细的接入文档。
- :让AI参考刚生成的API文档,创建一个Coze技能包的定义。随后,将这个定义“丢”给扣子(Coze)编程,AI会自动分析并生成可用的技能。测试无误后,点击“部署”,这个拼图功能就能在Coze的各种机器人中使用了。
集成Coze
- :登录Dify,创建一个新的工作流应用。添加一个“HTTP请求”节点,填入刚才生成的API地址和参数。测试运行通过后,点击“发布”。这个工作流不仅可以独立使用,还能轻松集成到其他平台。
集成Dify
解决难题
当然,整个过程并非想象中那样一帆风顺。遇到问题时,关键是多问、多尝试不同的AI工具。以下是两个典型的例子:
- :在为系统添加了一些新功能并同步代码后,Vercel突然部署失败,提示“Serverless Function数量超限”。求助AI后得知,Vercel的免费计划对API目录下的文件数量有限制。AI不仅解释了规则(通常是api文件夹内文件数超过12个),还指导如何合并或优化代码结构来解决这个问题。
部署失败
- :应用部署后,生成的vercel.app域名在国内无法稳定访问。AI指出,这是因为该域名存在DNS污染。解决方案是购买一个自定义域名并绑定。于是,花十几块钱在阿里云注册了一个域名,然后在AI的逐步指导下,完成了域名解析和Vercel的绑定配置,顺利解决了访问问题。
国内访问问题
总结
经过这一番实践,不得不承认,软件开发的体验正在被重新定义。当AI能够扮演起高效、低成本的助手、顾问乃至程序员角色时,那句经典的“我有个好想法,就差一个程序员了”或许真的该退出历史舞台了。如今,将想法转化为可用的产品,可能真的只需要清晰地“动动嘴”。这无疑为更多创意落地打开了新的大门。