如何部署用 AI 做出来的应用?
发布 AI 工具做出来的应用,最短的路径是这样的:在 Seturack 订购一台 Next.js 服务器,复制面板概览标签页上的粘贴到您的 AI 工具一行,把它粘贴到打开了您项目的编程工具里。工具会通过 GitHub 把代码连接到服务器,完成构建,并给您一个 HTTPS 地址。此后,每次 git push 都可以让新版本上线。
无论是哪个工具写的,结果通常都是一个普通的 Next.js、Vite、Astro、Node 或 Python 项目。问题在于,AI 工具擅长让代码跑起来,却不太留意生产环境需要什么,所以本指南包含一份检查清单。
适合您所用工具的指南
| 您在哪里做的? | 代码如何出来 | 指南 |
|---|---|---|
| Cursor、Claude Code、Windsurf | 已经在您的电脑上了 | 由工具来部署 |
| Lovable | Git 同步或 zip 包 | Lovable 指南 |
| Bolt.new | GitHub 或 zip 包 | Bolt.new 指南 |
| v0 | GitHub | v0 指南 |
| Replit | Git 面板或 zip 包 | Replit 指南 |
| ChatGPT、Claude | 把代码保存成文件 | 从零开始发布 |
用粘贴的文字来部署
- 从 Next.js VPS 页面订购服务器。这个选项自带 Coolify 面板,它并不只限于 Next.js。
- 在您的 Seturack 面板中,从我的服务器打开这台服务器,等概览标签页上的应用一行显示已就绪。
- 复制粘贴到您的 AI 工具一行。它的格式如下:
Deploy this project to my Seturack server. Read and follow the instructions first: https://www.seturack.com/deploy.txt Panel: PANEL-ADDRESS API key: API-KEY - 在能够运行命令的编程工具中打开项目,并粘贴这段文字。
- 工具会检查项目、连接仓库、创建应用并盯着构建过程。遇到缺少的值和需要批准的操作,它会来问您。
- 打开它给您的 HTTPS 地址,亲自试一试这个应用。
请像保管密码一样保管这段文字中的 API 密钥。在我们的测试中,Next.js、TanStack Start、Vite(静态)、纯 HTML、Astro 和 Flask 项目都能成功,部署耗时 1 到 6 分钟。
上线之前应该检查什么?
| 检查项 | 为什么重要 | 怎么查 |
|---|---|---|
| 代码里有密钥吗? | 已经提交的密钥,即使删除了文件,仍会留在 Git 历史中。 | git ls-files | grep -i env |
| 能通过构建吗? | 在本地能运行的代码,仍可能因为类型错误而无法通过构建。 | npm run build |
| 有锁文件吗? | 服务器需要它来安装您测试过的那些版本。 | ls *lock* |
| 还有遗留的本地地址吗? | localhost 网址在生产环境中无法使用。 | grep -rn localhost app src |
| 应用监听哪个地址? | 监听 127.0.0.1 的服务从外部访问不到。请使用 0.0.0.0。 | grep -rn "127.0.0.1" app src |
| 数据库是一个文件吗? | 每次部署,容器都会重新构建,里面的 SQLite 文件会随之消失。 | grep -rln sqlite app src |
grep 命令在没有找到内容时会以错误码退出,这没有问题。如果 app 或 src 不存在,请去掉这个名称。
AI 做出来的应用中最常见的错误,是模型密钥泄露到浏览器。在 Next.js 中,以 NEXT_PUBLIC_ 开头的变量会在构建时写入浏览器端代码,任何人都能读到。千万不要给模型密钥或支付密钥加这个前缀。如果您已经推送了某个密钥,仅仅删除它是不够的:请在服务商那里吊销它,再签发新的。
如何把代码放到 GitHub 上?
服务器从 Git 仓库部署。如果您还没有仓库,经您批准后,您的编程工具会创建一个私有仓库。如果想自己来,请先确认 .gitignore 里有一行 .env,然后在项目文件夹中运行下面这些命令。gh 命令行工具会创建仓库并推送代码:
git init
git add .
git commit -m "first version"
gh repo create project-name --private --source . --push
在面板中手动部署
不用编程工具,您也可以在 Coolify 中完成同样的工作。root 权限在您手里,如果愿意,也可以全部在面板中管理。地址和密码在概览标签页上。我们的 Next.js 指南涵盖了私有仓库、webhook 和域名。对于其他项目,有几个字段需要改动。我们在真实的服务器上,用 Coolify 的示例项目试过这些设置:
| 项目 | 设置 |
|---|---|
| Next.js | 端口 3000 |
| Vite(静态) | Output type:Static site,Publish directory:/dist |
| Astro(服务器端) | 端口 4321,Start command:HOST=0.0.0.0 node dist/server/entry.mjs |
| Python(Flask) | 端口 5000,Start command:python -m flask run --host=0.0.0.0 --port=5000 |
上线之后应该看什么?
- 检查每个服务器端接口是否都会验证会话。AI 工具常常保护了界面,却忘了它背后的 API 路由。
- 对任何调用模型的接口做频率限制,否则陌生人可能让您的账单飙升。
- 第一天里,在 Coolify 中多看几次应用的 Logs 页面。
- 测试您的备份。在真正恢复过一次之前,您并不真正知道自己有备份。
常见问题
服务器需要多强的配置?
销售页面推荐至少 4 GB RAM、2 vCore 和 40 GB 磁盘。一个小型 Next.js 项目在 2 GB 上完成了构建,而一个有 85 个软件包的项目在 2 GB 上内存不足,在 4 GB 上完成了构建。如果构建失败,请在面板中升级。IP 和数据保持不变。
每月费用是多少?
这个配置每月约 $6(含增值税),在土耳其以外以美元付款。每日备份已包含在价格中,流量不限。我们在这篇文章中把它与按用量计费的托管方式做了对比。
如何绑定我的域名?
把 A 记录指向服务器的 IP 地址,然后告诉工具这个域名,或者在 Coolify 的 Domains 页面中添加。证书会自动签发,服务器位于伊斯坦布尔。关于这条记录,请参阅我们的帮助文章。
上线后如何更新应用?
让工具在每次推送时都部署,或者手动设置 webhook。之后,git push 就会构建并发布每个新版本。没有设置 webhook 时,请在 Coolify 中点击 Redeploy。
数据库应该放在哪里?
不要把用户数据留在容器内部。请在同一个面板中创建 PostgreSQL:它不会暴露在公网上,它的地址放进 DATABASE_URL 这样的变量里。如果用 SQLite,请用 Persistent Storage 挂载文件夹。如果项目使用 Supabase,请看 Supabase VPS。
评论0
暂无评论
成为第一个分享想法的人。
请登录或注册后发表评论。