这期讲一个很多 Vibe Coding 新手会遇到的问题:项目在本地跑起来之后,怎么部署上线,让其他人也能访问。

Vibe Coding 项目怎么部署上线

先解释一下部署上线的概念。我们做的网站本来是在自己电脑上运行的,其他人没有办法直接访问我们的电脑。想让其他人访问,就需要一台 24 小时开机、可以公开访问的云端电脑。部署上线就是把本地的项目放到云端的服务器上,并在云端执行命令把项目运行起来。这个过程类似把文件拖到网盘里,只不过网盘换成了一台云端的电脑,项目放上去之后还要启动起来。

部署分为国内和海外两种情况,差别比较大。

在国内部署的限制

正常访问一个网站,我们会输入一个域名,而不是一串 IP 地址。比如我自己做的 VibeHub,大家知道域名之后就可以直接访问。

VibeHub 网站

在国内部署一个网站,限制比较多:

  • 域名需要备案,可能要花一两个月的时间;
  • 备案的类目审核比较严格,个人名义顶多部署一个个人介绍类的网站,涉及具体业务就需要企业资质、个体户认证或者营业执照;
  • 想上线 AI 应用的话,还有算法方面的认证。

如果确定要在国内部署,一般的流程是买云服务器,比如腾讯云、华为云、火山引擎这一类的国内云厂商。云服务器就是一台云端的电脑,页面上会列出不同的配置和定价。配置怎么选可以直接问 AI:告诉它项目大概有多少人使用,让它推荐对应的配置。付费方式一般按年,也有按月的,第一年通常比较便宜。

腾讯云的云服务器配置和定价

买完服务器之后,厂商会给我们一个访问地址。现在是 AI 时代,手动部署的效率太低,可以把访问密钥、服务器地址这些信息直接交给 AI,让它帮我们部署。

需要注意的是,买服务器不包含域名,域名是单独购买的。在域名注册页面输入想要的域名,如果发现已经被别人注册了,只能换一个预期之外的后缀。像 .com、.ai 这类热门后缀,大概率匹配不上自己的产品名。

腾讯云的域名注册页面

买了域名之后,还要配置域名和服务器的解析。这些平台都有比较直观的演示文档,照着配置就行。不会配置的话,也可以让 AI 控制浏览器自动化完成,我现在的新项目都是这样让 AI 自己配置的。

总的来说,个人产品很少值得走国内这套流程:买服务器、域名备案,上线太麻烦了。

用 Vercel 部署

我自己的做法是使用 Vercel。还是以 VibeHub 为例,这个网站我花了两天时间就完成了开发和部署上线。

搜索 Vercel

Vercel 是一个云端的网站部署平台,也是目前全球最主流的前端部署平台,大多数个人开发者的应用都部署在上面。它有比较多的免费额度,部署一两个产品、使用人数不多的情况下,基本不需要付费。

部署的第一步是安装它的 CLI。Vercel 的官方文档里给出的安装命令是:

pnpm i -g vercel

Vercel CLI 官方文档

不想自己操作的话,可以把 CLI 文档的地址直接发给任何一个 AI Agent,比如 Codex、WorkBuddy 这一类的,它会完成安装并走授权流程。我们在浏览器里登录一次 Vercel,AI 就可以拿到平台上的部署信息了。

Vercel 上的部署记录

在 Vercel 上部署还有一个前提:项目需要先托管到 GitHub。GitHub 是一个云端的代码托管平台,我们可以把本地代码推送上去。

GitHub 首页

为什么需要 GitHub?买服务器的部署方式类似网盘,每次更新代码都要重新上传文件。而代码托管到 GitHub 之后,每次往 GitHub 推送代码,Vercel 会监听到这次推送,并基于最新的代码重新部署一遍。这样每一次代码更新,线上的网站都会直接跟着更新,我们不需要自己再往服务器推代码。

如果只用国内的云服务器,代码托管平台还是需要的,自动部署的逻辑还要自己编写,相对复杂,也比较难调试。Vercel 这类平台把这些环节全部打包好了。而且不论项目用什么技术栈,都不太需要我们关心细节:让 AI 去看代码,它自己就知道怎么创建 GitHub 仓库、怎么把项目推送到 Vercel。

绑定自己的域名

部署到 Vercel 之后,平台会给一个默认的 vercel.app 后缀的域名。这个域名有个问题:国内没有办法访问。

解决办法还是自己买域名,但不用走国内的平台,可以去 Cloudflare。流程一样:搜索想要的域名,如果 .com 已经被注册了,就换一个还有库存的后缀。

在 Cloudflare 搜索域名

购买之后回到 Vercel,在项目设置左侧找到 Domains。如果还没配置过,点击 Add Existing 选择刚买的域名,它会给出链接跳到 Cloudflare 进行授权。授权完成之后,域名就配置好了。海外产品的集成度比较高,平台之间可以直接授权互通,不需要自己手动填解析记录。

Vercel 的 Domains 配置页面

授权完成后等五到十分钟,就可以通过自己的域名访问网站了。之后只要往 GitHub 推代码,网站就会自动更新。

通过自己的域名访问网站

了解整个流程之后,剩下的具体操作大多可以交给 AI Agent 执行。直接问平时写代码的那个 Agent:我要把网站部署到 Vercel,需要哪些信息?它会把需要准备的东西列出来;需要自动化操作的部分,也可以让它自己配置完成。