跳到主要内容
返回使用场景

Codex 使用场景

部署应用或网站

构建或更新 Web 应用,部署预览版本,并获取在线 URL。

中等30 分钟前端集成

概览

使用 Codex、Build Web Apps 和 Vercel,将仓库、截图、设计稿或粗略的应用想法变成可分享的可用预览部署。

构建并部署预览版本

使用 @build-web-apps 将[仓库、截图、设计稿或粗略的应用想法]变成可用的网站。

然后使用 @vercel 部署一个预览版本,并把在线 URL 发给我。

背景信息:
- [网站应实现的功能]
- [要使用的源数据、API、文档或资源]
- [风格或产品限制]
- [任何不要改动的内容]

在交还给我之前,先在本地运行构建并确认部署已就绪。

建议推理强度:

从网站和部署目标开始

Codex 可以构建或更新网站或应用,运行项目检查,用 Vercel 部署,并返回 URL。

有用的交接信息应当尽量具体:仓库、截图、地图、设计简述、产品说明、API 文档或数据源。Codex 应在修改项目之前先进行检查,然后默认使用 Vercel 插件部署预览版本。

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

分享之前先检查结果

Codex 应该告诉你它改了什么、它使用了哪个命令来构建项目,以及 Vercel 部署是否已就绪。如果部署需要环境变量、团队选择、域名设置或登录步骤,Codex 应明确指出,而不是假装网站已经完成。

请明确区分生产环境变更。预览部署是默认选项;只有在你确实需要时才请求部署到生产环境。

基于在线 URL 持续迭代

拿到预览版本后,请保持同一个对话线程继续进行。让 Codex 打开该 URL、修复布局问题、更新文案、接入缺失的数据,或者在部署失败时读取 Vercel 日志。这个线程已经包含了仓库、部署和构建上下文。

好的后续指令应当足够具体:

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