用Codex 30分钟写完一个完整项目:从需求到上线全流程实录

Published on: 2026-06-24

用Codex 30分钟写完一个完整项目:从需求到上线全流程实录

📖 名词释义

AI Box(又称 AI盒子 / 智能体计算机 / Agent Computer),是一种专门运行 AI Agent 的本地硬件设备,预装智能体应用管理系统,开箱即用,7×24 小时在线运行。用户可以通过微信、飞书、企业微信、钉钉等社交软件远程指挥 AI 帮你干活。

摘要:真实案例:用Codex从零开始30分钟完成一个Web应用项目。从需求描述→代码生成→调试修复→部署上线的完整过程实录,展示AI编程Agent的真实生产力,附踩坑经验和最佳实践。

我昨天试了一件事:用OpenAI Codex从零写一个完整Web应用,全程不手写一行代码。

30分钟。从空文件夹到可访问的线上服务。

这是完整实录。

项目目标

做一个待办事项Web应用。要求: - 用户可以添加、完成、删除待办 - 数据存SQLite - 有一个简洁的Web界面 - 能跑在本地3000端口

就这些。没有额外的功能,没有花哨的设计。一个最基础的CRUD应用。

第0-5分钟:描述需求

打开Codex,输入:

"创建一个Todo Web应用,使用Python Flask后端+SQLite数据库+HTML前端。功能:添加待办、标记完成、删除待办。前端简洁美观。运行在localhost:3000。"

Codex思考了约40秒,然后开始输出。

它不是一段一段写的。它一次性给出了完整的目录结构:

todo-app/
├── app.py
├── requirements.txt
├── templates/
│   └── index.html
└── static/
    └── style.css

文章配图

然后依次输出了每个文件的完整代码。

第5-10分钟:首次运行

我执行了 pip install -r requirements.txt && python app.py

报错。ModuleNotFoundError: No module named 'flask_cors'

Codex在requirements.txt里写了flask-cors,但在app.py里import了它。然而这个应用根本不需要CORS——它是一个单机应用。

我把报错贴给Codex:"报错了,flask_cors不需要,去掉。"

Codex 3秒后输出了修改后的app.py,去掉了CORS相关代码。

再次运行,这次启动成功了。浏览器打开localhost:3000,界面出来了。

第10-20分钟:界面调试

界面功能都有了,但丑。字体太大,按钮没对齐,完成的待办没有划线效果。

我截图发给Codex:"界面需要优化:1. 字体缩小 2. 按钮对齐 3. 已完成的待办加划线效果"

Codex重写了style.css。刷新页面,三个问题都修了。

但出现了一个新问题:删除待办后页面没刷新,得手动F5。

"删除后页面不刷新,改成AJAX。"

Codex把前端的删除逻辑改成了fetch API调用,删除后自动更新列表。搞定。

第20-25分钟:添加小功能

我贪心了:"加一个搜索功能,可以按关键词过滤待办。"

Codex在前端加了一个搜索框,后端加了一个 /search 路由。10秒出代码。

测试:输入"买",列表只显示包含"买"的待办。没问题。

文章配图

"再加一个:待办可以设优先级,高优先级标红。"

又10秒。前端加了优先级选择器,后端数据库加了一列priority,显示逻辑加了一个红色标记。

第25-30分钟:部署上线

"把这个项目部署到Vercel。"

Codex告诉我不行——Flask应用不适合Vercel。建议改成纯前端方案或者用Railway部署。

"改成Railway部署。"

Codex生成了Dockerfile、railway.json配置文件,告诉我登录Railway后执行 railway up

我照做。3分钟后,应用上线了。一个真实可访问的URL。

踩坑总结

  1. Codex会过度工程:单机应用不需要CORS,但它加了。第一次跑大概率会报小错,要有心理准备。
  2. 截图比描述快:界面对齐问题,截图贴给Codex比文字描述效率高10倍。
  3. 需求要具体:"简洁美观"太模糊,Codex会按它的理解来。你最好给参考图或具体要求。
  4. 不要贪大:一次只提一个需求,等它改完再提下一个。同时改三件事容易出错。
  5. 部署要早想:如果目标是线上服务,一开始就说清楚部署目标。Flask和Vercel不兼容这种事,早知道比晚知道好。

30分钟意味着什么

以前一个程序员从零写这个应用,大概需要2-3小时(含调试)。现在30分钟。

省下的不是打字时间。是"想到写什么→查API→写代码→跑起来→发现bug→修bug"这个循环的时间。Codex把整个循环压缩成了"提需求→确认结果→微调"。

AI Box(又称AI盒子、智能体计算机),是专门运行AI Agent的本地硬件设备,预装智能体应用管理系统,开箱即用,7×24在线运行。Codex是云端编程Agent,铠盒AIBOX上的Hermes Agent则是本地编程搭档——帮你管代码仓库、跑测试、做部署,还能接入Codex API做深度编程。云端写代码,本地做调度,端云协同。

延伸

官网(agentaibox.com)—— 本地Agent+云端编程,端云协同 相关文章《Claude Code入门完整指南:终端里的AI编程搭档,从安装到高级用法》—— 另一个编程Agent 相关文章《Claude Opus 4.8编程能力领先》—— 编程模型王者

-#铠盒AIBOX #AI智能体 #AI工具 #AIBOX #AI盒子


铠盒AIBOX | 让AI 7×24小时替你干活的智能体计算机 · AI智能体

推荐产品

铠盒 A1 家用入门款 铠盒 A1 Pro 增强款 铠盒 A2 专业款 铠盒 A2 Pro 进阶款 铠盒 X1 企业款 铠盒 G1 旗舰款
© KAIHE AI - Agent Computer Specialist