挑战不写一行代码开发APP?
- 2026-09-25 09:15:46

点击蓝字 关注我们


前言



#the AI Age
AI时代,真的人人都是程序员?这句话本来我是半信半疑的,直到不久前看到某个设计师朋友在AppStore里发布了一堆他自己做的App,于是我相信了。现在也想来测试一下普通人如何在AI的帮助下,一行代码不写,完成应用的开发和部署的。


需求来源


#the AI Age
开发一个拼接长图片的app,作用很简单,就是把多张图片拼成一张大图。

1、微信的朋友圈只能最多发9张图,如果每次有大量照片要发,就必须把多张图片拼接起来变成一张
2、直接用带skills的AI工具(比如Coze)做,有水印,文件大小和数量有限制
3、A推荐我使用微信的收藏笔记功能导出拼接图,尝试了之后发现效果很差,图片中间有白色间隙,而且总长度超过某个阀值,导出图就会被截断
4、我在应用商店找到一款拼图App,虽然能够导出完整长图,但是需要收费,而且交互效果不好,拼图任务不能预览不能编辑,意味着每次操作出一丁点错误都要重头开始,导出图片质量还会被压缩
5、我对图片的拼接有个性化需求,希望图片不仅在垂直方法拼接,也可以水平拼接,甚至九宫格拼接

技术调研


#the AI Age
1、开发工具选择常用的Trae:支持Gemini、GPT、Kimi、Deepseek等各种主流模型的max版本
2、在开发之前还是在豆包上做了下核心技术调研,前端拼接有明显短板,Canvas尺寸限制了导出图的尺寸,在移动端浏览器尤为明显,于是在AI指导下选了Node.js+Sharpe



开发步聚


#the AI Age
1、开启trae的SOLO模式,选SOLO Coder,因为可以先让AI生成开发方案。

2、输入我的需求,这里面涉及到的技术要点就是前面调研得到的,不加也没关系,AI会给你方案选择

3、trae思考了2分钟中生成了一份计划文档(包含了架构设计、技术栈、完整的数据模型、对应的SQL指令),等着我按下“执行”按钮,再进行开发。



4、按下“执行”之后经过一系列置身事外的AI思考和“同意运行”、“登录账号”操作,AI就帮我把代码写好同步到github,把数据库在supeBase(数据服务平台)构建好,把系统部署到了Vercel(服务托管平台),然后自动打开了trae集成的浏器。

5、后续还让AI加了用户角色权限控制、API_KEY管理等功能,也非常轻松,只需不断细化需求就行了。整个过程真的不需要写一行代码。



扩展开发


#the AI Age
光有系统还不行,我希望把拼图功能集成到各种第三方工具上使用,比如说Coze技能包、Dify工作流。
1、把需求告诉AI,让它先出一个方案文档,然后按“执行”,接下来跟着指示操作就行了。生成API之后还顺便创建了DEMO页面和接入文档

2、Coze技能:让AI参考接入文档生成skill包,然后丢给扣子编程就行了,它自己会分析然后生成技能,试用没问题之后直接点“部署”,就可以在扣子各种端使用了。


3、dify工作流:登录dify创建一个工作流应用,创建一个http请求节点,把刚刚生成的接口和参数填进去就可以了,测试运行无误后点“发布”。

然后就可以直接用了,也可以集成到hongling上使用



解决难题


#the AI Age
事实上在开发过程中并没有想象中那么顺畅一条龙结束,还是会遇到各种难题,但只要耐心询问各种AI,最后总能找到答案。比如下面几个:
1、我给系统加了一些功能,同步完代码后发现部署失败了。Vercel提示的Serveles Funcion数量限制,超出后就无法自动部署了。于是求助AI,AI告诉我所谓的Functions数量限制就是查看工程的api文件夹里有多少文件,超过12个就算超过限制,然后顺便帮我处理了这个问题。
2、部署后生成的网址和请求接口无法在国内访问。
AI说vercel.app这个域名在国内因 DNS 污染常无法访问,建议我购买一个域名做绑定,于是虚心听取意见在阿里云十几块钱购买注册了个域名,然后在它的指导下一步步操作绑定,然后解决了。



总结


#the AI Age
啊,软件开发真好玩儿。
创作:张林海
编辑:龙金燕
审核:曾小平




扫码关注 AI码人生
持续分享 前沿技术