我们做什么
全部说明
上线：Vercel

把 Vercel 连接到 Claude

AI 会帮您把 App 放到网上。为此，您要在浏览器里同意它登录一次 Vercel，让 App 登录后才能看，再在 Vercel 的设置里填好密钥。用 Codex 也是同样的步骤。

大约 15 分钟Mac 和 Windows最近核对

AI 怎么进去

AI 向 Vercel 申请登录，您在浏览器里同意，它就能把 App 发布到公司的团队里。它看不到您的 Vercel 密码，也看不到您的密钥。

先准备好

步骤

  1. 第 1 步：AI 问要不要上线时，说好

    它每次都会先问。这个阶段，只有您和您邀请的团队成员能打开 App。

    您会看到：AI 开始 Vercel 的登录，并显示一个链接和一段短验证码。

  2. 第 2 步：在浏览器里同意登录

    浏览器会自己打开 Vercel 的页面；没打开的话，点 AI 给的链接。确认页面上的验证码和 AI 显示的一样，需要的话用公司账号登录，然后确认。

    您会看到：AI 说您已经登录 Vercel 了。

    如果不一样：AI 说超时了？让它再试一次：每个验证码只有几分钟有效。如果页面上显示的地点或时间您不认识，不要确认。

  3. 第 3 步：让 AI 建项目

    它会在公司的团队里为 App 建一个项目。如果问您选哪个团队，选公司的团队，不要选个人的。

    您会看到：在 Vercel 后台，您的团队里多了一个以 App 命名的项目。

  4. 第 4 步：让每个网址都要登录才能看

    在 Vercel 里打开新项目，点 Settings，再点 Deployment Protection。打开 Vercel Authentication⁠（Vercel 登录验证），设成 All Deployments⁠（所有部署），点 Save。

    您会看到：Vercel Authentication 已打开，范围是 All Deployments。

    如果不一样：不改的话，Vercel 会让 App 的主网址对所有人开放。Settings 里找不到 Deployment Protection？在项目左边的菜单里找找。

  5. 第 5 步：把密钥填进 Vercel

    让 AI 打开 App 的 .env.local 文件，全选并复制。在 Vercel 项目里打开 Environment Variables⁠（在 Settings 里），全部粘贴到 Key 一栏：Vercel 会每行建一条。类型选 Secret⁠（保密），勾选 Production、Preview 和 Development，点 Save。

    您会看到：每个密钥一行，有名字，值是隐藏的。

    如果不一样：哪一行不对？删掉重新加。不管怎样，都不要把密钥贴进聊天。

  6. 第 6 步：告诉 AI 密钥填好了

    输入 好了，它就会发布 App。

    您会看到：一个以 .vercel.app 结尾的网址。打开时会先要您登录 Vercel，然后才显示 App。

    如果不一样：App 说缺了某个密钥？检查 Vercel 里的名字和 .env.local 里的一样，然后让 AI 再发布一次：Vercel 只在下一次发布时才读新的密钥。

想让团队里的人看看，就把他们以 Viewer 的身份邀请进您的 Vercel 团队，这是免费的。对顾客开放要等以后，到时候 AI 会先问您。