VibeCoding做完只是第一步：如何把网页部署上线让别人打开

很多人用 VibeCoding 或类似的 AI 编程工具，兴冲冲地做出一个小工具，把 localhost:5173 这个地址甩给朋友，结果对方两分钟后回了一句「打不开啊」。B站UP主极客林学长在视频里点破了这个尴尬的根源——问题不在代码，而在地址。

为什么 localhost 发给别人就是打不开

localhost 翻译过来叫「本机」，是你电脑在自己家里的自称，只在你这台机器上有效。你把这个地址发给别人，等于把自家钥匙递过去，让对方拿着去开他家的门，自然开不了。

开发时浏览器地址栏里的 5173 端口也是同理——那是你在自己电脑的墙上临时开的一扇窗，只图本地调试方便，出了这台机器就失效了。想让别人访问，得把网页从「本机」搬出去。

网页要放到哪里：服务器、IP 与端口

真正能被公开访问的网页，必须放在一台「一直开着、一直连网」的机器上，这台机器就是服务器。别人要找到它，得先理解两个概念：

• IP：服务器在互联网上的门牌号，标识这台机器在网上的位置。
• 端口：相当于楼里的房间号，指明这台服务器上的哪个「房间」放着你的网页。平时你没手动输过端口，是浏览器偷偷帮你填了默认值。

裸 IP 又丑又难记，所以人们给它起个花名叫域名。阿里云^广告、腾讯云^广告都能买，一年几十块。不过域名是可选项，前期完全可以先用平台送的免费地址，等项目稳定了再绑定自己的域名。

对小白最友好的部署方式

部署方式其实非常多，视频里挑了对新手最友好、最省事的一条路：Cloudflare Pages。

它的流程是：把代码传到 GitHub，在 Cloudflare Pages 连接一下仓库，它就全自动帮你上线，给你一个以 pages.dev 结尾的免费网址，全球都能访问。GitHub Pages、Vercel 也是同一个路数。

更爽的是，这件事可以直接交给 AI 干。你只要对 AI 说一句「帮我部署到 Cloudflare Pages」，它会自己登录、自己传代码、自己绑定，你喝口水的工夫就完事了。后续改版本也一样简单——直接告诉 AI「把改动重新部署上线」，它就自动搞定，不用你再手动重传一遍。

不过丑话要说在前头：免费方案都有额度，用量大了要掏钱；Cloudflare 国内节点少，国内用户打开可能偏慢。

GitHub 在这套流程中扮演的角色是「代码仓库」，可以理解为存放网页源文件的云端文件夹。Cloudflare Pages 与 GitHub 打通后，每次你把改动推送（push）到仓库，平台会自动触发重新构建和部署，无需任何手动操作。Vercel 和 GitHub Pages 的原理相同，区别在于：GitHub Pages 适合纯静态页面，免费且与 GitHub 原生集成；Vercel 对前端框架（如 React、Vue）支持更好，国内访问速度通常比 Cloudflare Pages 稍快；Cloudflare Pages 的优势是全球 CDN 节点最多、配置最灵活。三者都提供免费套餐，个人小项目选任意一个均可，核心流程一致。

那把「锁」是什么：SSL 证书

正经网站的地址栏前面有个小锁标志，网址以 https 开头，这是加密链接。这把锁的行话叫 SSL 证书，它在浏览器和服务器之间加了一层加密，防止有人在半路偷看你们传输的内容。

好消息是这个证书不用花钱买。托管平台一般都会免费赠送，Let's Encrypt 也提供免费证书，还能自动续期。以后你看到 https 和那把锁，就知道网站是正经上线了。

HTTP 和 HTTPS 的核心区别在于传输过程是否加密。没有 SSL 证书的 HTTP 网站，浏览器与服务器之间传输的所有内容（包括你填写的账号密码）都是明文，中间任何节点都可以截获并读取。HTTPS 通过 TLS 协议（SSL 的升级版，两个名字现在常混用）对数据加密，即便被截获也无法解读。现代浏览器对 HTTP 网站会显示「不安全」警告，部分功能（如获取地理位置、摄像头权限）也只对 HTTPS 网站开放。Let's Encrypt 是一家非营利机构，2015 年起提供完全免费的证书，有效期 90 天，支持自动续期，目前是全球使用量最大的证书颁发机构，托管平台背后通常也是用它来为用户自动签发证书的。

能不能用自家电脑当服务器？

「我家电脑也是电脑，凭啥不能当服务器？」——技术上确实有办法，比如内网穿透、frp 这类工具都走得通，但视频明确表示不推荐。

原因很实在：家用宽带协议通常不允许对外开服务，家庭 IP 会变、会断，把自家电脑直接暴露给公网，等于家门敞着，一旦出事没人兜底。给外人正经使用，还是托管平台更省心。

想在国内正经运营：绕不开备案

如果要在国内长期正经运营，路径会更长一些：买一台大陆服务器，把域名指过去，再到云厂商后台提交给管局审核，周期大约一到三周。这就是 ICP 备案，相当于网站的「出生证」。

此外，网站免费上线 30 天内还要办理公安联网备案。视频还提到一个新趋势：带 AI 生成内容的网站，2026 年起要加上大模型标识。当然，个人玩票、用免费方案的用户基本用不上这些，直接部署即可。

ICP 备案（互联网内容提供商备案）是中国工业和信息化部要求的，针对使用境内服务器对外提供服务的网站。备案主体可以是个人或企业，个人备案需要提供身份证和手机号，企业备案还需营业执照。备案期间网站通常需要暂时关闭或在首页显示「备案中」字样。通过审核后，网站底部须展示 ICP 备号（如「京ICP备XXXXXXXX号」），否则可能被断网处罚。如果网站使用境外服务器（如 Cloudflare Pages 的美国节点），则不在国内备案管辖范围内，但国内用户访问速度和稳定性会受影响，也无法使用 .cn 域名正常解析。

小结

用 AI 做完网页只是第一步，能被别人打开才算真正「上线」。核心逻辑就一句话：把网页从本机搬到公开的服务器上。对新手来说，Cloudflare Pages + GitHub + AI 自动部署这套组合，几乎是零成本、零门槛的最优解。等真正要在国内商用，再去处理域名、服务器和备案这些进阶环节也不迟。