前端与产品开发进阶官方难度:Intermediate30m
原题:Deploy an app or website

用 Codex 部署一个网站或 App

从本地构建到线上验证,把部署流程变成可复用清单。

从站点和部署目标开始

Codex 可以构建或更新网站和 App,运行项目检查,通过 Vercel 部署,并返回可访问的 URL。

有效的交接应该是具体的:一个仓库、截图、地图、设计说明、产品备注、API 文档或数据源。Codex 应该先检查项目,再修改项目,并默认用 Vercel plugin 部署预览环境。

当 Codex 需要构建或打磨应用时使用 @build-web-apps;当它需要部署、检查部署或读取 Vercel 构建日志时使用 @vercel。

交付前检查结果

Codex 应该说明它改了什么、使用了哪个命令构建项目,以及 Vercel 部署是否已经准备好。

如果部署还需要环境变量、团队选择、域名设置或登录步骤,Codex 应该明确指出,而不是假装站点已经完成。

生产变更要保持明确。默认应该部署预览环境,只有当你明确要求时才部署生产环境。

从线上预览继续迭代

拿到预览链接后,保持同一个线程打开。可以让 Codex 打开 URL,修复布局问题,更新文案,补齐数据接入,或在部署失败时读取 Vercel 日志。

同一个线程已经有仓库、部署和构建上下文,所以继续迭代会更高效。

  • “移动端布局太挤了。修复它并重新部署预览。”
  • “使用同一个项目,并从 [source] 加入最新数据。”
  • “读取失败的构建日志,并修复部署问题。”

官方 Starter Prompt 中文翻译

使用 @build-web-apps 把 [仓库、截图、设计或粗略 App 想法] 做成一个可工作的站点。

然后使用 @vercel 部署一个预览环境,并把线上 URL 交给我。

上下文:
- [这个站点应该做什么]
- [要使用的数据源、API、文档或资产]
- [风格或产品约束]
- [哪些内容不要改]

交付前,请运行本地构建,并确认部署已经准备好。