读完这篇,你会明白为什么代码在你电脑上跑得好好的,别人却访问不了——以及怎么把它搬到"全世界都能看到"的地方。这个过程就叫"部署"。
你的代码,只有你自己能看到
你用 AI 帮你写了一个网页,在电脑上双击打开,哇,效果不错!
然后你把链接发给朋友,"帮我看看我做的网站!"
朋友说,"啥链接?你发的是个本地文件路径,我打不开啊。"
这就好比你在家厨房做了一桌好菜,然后拍了张照发给朋友说"来吃啊"——你家门没开,别人怎么进来?
你电脑上的文件,只有你自己能访问。 这叫"本地"(Local)。想让全世界都看到,你得把文件搬到一个"公共地址"上去。这个搬运的过程,就叫部署。
部署 = 搬家
用搬家来理解部署,再清楚不过了。
| 搬家场景 | 部署场景 |
|---|---|
| 你在家把行李打包好 | 你在电脑上把代码写好、测试通过 |
| 找搬家公司 | 选择一个部署平台(Vercel、EdgeOne 等) |
| 把行李搬到新房子里 | 把代码上传到服务器上 |
| 新房子有门牌号 | 服务器有公网 IP / 绑定了域名 |
| 朋友按门牌号来拜访 | 用户输入网址访问你的网站 |
核心就一句话,把代码从你的电脑,搬到一台 24 小时不关机的、有公网地址的电脑(服务器)上。
搬家之前,先搞清楚两个概念
本地(Local) vs 线上(Production)
- 本地,你面前的这台电脑。代码在这里写、改、测试。只有你自己能访问。
- 线上,部署后的服务器。全世界任何人输入网址都能访问。
就像你在家练吉他(本地),和到舞台上去表演(线上)——在家怎么弹都行,但只有上了舞台,观众才听得到。
为什么要"打包"?
搬家前你要把东西装箱,部署前也要把代码"打包"。
不同项目打包方式不同,但目的都一样——把代码整理成服务器能直接运行的格式。比如这个项目用的是 Next.js,打包命令是,
pnpm build
跑完之后会生成一个 dist 文件夹,里面就是"打包好的行李",可以直接搬到服务器上运行。
好消息,现在很多部署平台(比如 Vercel)连打包都帮你自动做了,你只需要把代码推上去,它自己搞定。
部署到底分几步?
不管用什么平台,部署的核心步骤都一样,
看到没?你真正要做的只有前两步——写好代码、推到 GitHub。剩下的,部署平台自动帮你完成。
现在部署有多简单?
五年前,部署一个网站你得,
- 租一台云服务器(还要选配置、选地域)
- 用 SSH 连上去,敲一堆 Linux 命令
- 装 Nginx、配 SSL 证书、设防火墙规则
- 手动上传文件、重启服务
- 出了问题自己查日志
现在?
| 以前 | 现在 |
|---|---|
| 租服务器、配环境 | 注册个账号就行 |
| SSH 连接、敲命令 | 网页上点几下 |
| 手动上传文件 | GitHub 推送自动部署 |
| 自己配 SSL 证书 | 平台自动给你 HTTPS 小锁 |
| 服务器挂了自己修 | 平台帮你监控、自动重启 |
从"折腾一周"变成了"点三下鼠标"。
这就是为什么现在零基础也能做网站——不是因为编程变简单了,而是部署这件事被工具"吃"掉了。
常见问题
部署一定要花钱吗?
不用。Vercel、Cloudflare Pages、腾讯 EdgeOne Pages 都有免费档,个人项目完全够用。流量大了再考虑付费方案。
部署后还能改代码吗?
当然能。改完代码推到 GitHub,部署平台会自动重新构建部署。就像你搬进新家后还能重新装修一样。
部署和上线是一回事吗?
基本是。"部署"偏技术动作(把代码搬到服务器),"上线"偏结果(网站可以被访问了)。日常交流中两个词混着用,不用纠结。
我用 AI 写的代码,部署方式一样吗?
完全一样。AI 帮你写的是代码本身,部署是代码写完之后的事——不管代码是你敲的还是 AI 生成的,搬运过程一模一样。
动手试试
还没部署过任何东西?别急,先做这一步,
- 在电脑上建一个最简单的 HTML 文件,内容随便写
- 双击打开,确认本地能看
- 记住这种感觉——这就是"本地"
后面的文章里,我会带你一步一步把它部署到线上,让全世界都能访问。到时候你会体验到那种"我的网站别人居然能打开了"的兴奋感。
下一步
搞懂了部署是什么,接着往下看,
- 为什么你的网页别人访问不了?本地 vs 公网——更详细地讲讲本地和公网的区别
- HTTPS 是什么?为什么你的网站需要那把小锁——部署后为什么要配 HTTPS
记住,部署不是什么高深的技术,就是"搬家"。代码写好了,搬上去,全世界就能看到了。