主题
什么是部署?
🎯 一句话理解
简单理解
部署 = 把你的项目放到互联网上,让别人也能访问。
就像你在本地开了一家店,现在要在商场里开一家分店,让更多人能来购物。
📍 在开发时 vs 上线后
| 对比 | 开发时(本地) | 上线后(部署) |
|---|---|---|
| 访问地址 | localhost:3000 | your-app.com |
| 谁能访问 | 只有你自己 | 全世界任何人 |
| 运行时间 | 电脑开机时 | 7×24 小时 |
| 数据存储 | 你的电脑 | 云端服务器 |
🏠 部署方式大全
方式一:云平台一键部署(最简单 ⭐⭐⭐⭐⭐)
这是最适合新手的方式。把代码推到 GitHub,平台自动帮你部署,不需要懂服务器操作。
优点
- ✅ 操作极其简单,点几下鼠标
- ✅ 自动 HTTPS、自动更新
- ✅ 有免费额度,学习不花钱
- ✅ 不用管服务器,专注写代码
推荐平台
| 平台 | 适合 | 免费额度 | 链接 |
|---|---|---|---|
| Vercel | 前端项目、Next.js | 非常慷慨 | vercel.com |
| Zeabur | 前后端都支持 | 有限额 | zeabur.com |
| EdgeOne | 国内访问快 | 有体验额度 | 腾讯云 EdgeOne |
| Railway | 后端、数据库 | $5/月额度 | railway.app |
| Render | 全栈项目 | 有限额 | render.com |
| Fly.io | 容器部署 | 有限额 | fly.io |
操作流程(以 Vercel 为例)
1. 把代码推到 GitHub
↓
2. 用 GitHub 账号登录 Vercel
↓
3. 选择你的仓库,点 Import
↓
4. 点 Deploy 按钮
↓
5. 等 1-2 分钟,部署完成!
↓
6. 获得类似 your-app.vercel.app 的地址平台选择建议
- 只有前端:Vercel(国外最好用)、EdgeOne/Zeabur(国内访问快)
- 前端 + 后端:Zeabur、Railway、Render
- 需要数据库:Railway、Zeabur(自带数据库服务)
- 国内用户访问为主:Zeabur、EdgeOne
方式二:宝塔面板(中等难度 ⭐⭐⭐)
买一台云服务器,安装宝塔面板,通过可视化界面管理网站。很多国内公司都用这种方式。
适合:需要完全控制服务器、有自己域名、国内网站
需要什么
- 一台云服务器(阿里云/腾讯云,月费几十元起)
- 域名(可选,用 IP 也能访问)
- 一点点耐心
操作步骤概览
1. 购买云服务器(Linux CentOS/Ubuntu)
↓
2. 安装宝塔面板(一行命令)
↓
3. 在面板中安装 Nginx、Node.js、MySQL 等
↓
4. 上传项目代码
↓
5. 配置网站、设置域名
↓
6. 网站上线!方式三:Docker 部署(推荐学习 ⭐⭐⭐⭐)
Docker 可以把你的应用和环境打包在一起,在任何地方都能一样运行。是目前最主流的部署方式。
适合:想真正学习部署、需要可移植的部署方案
方式四:手动部署到服务器(较复杂 ⭐⭐)
纯命令行操作,适合想深入学习 Linux 的人。
大致步骤:
- SSH 连接服务器
- 安装 Node.js/Java/Python
- 安装 Nginx
- 安装数据库
- 上传代码、构建
- 配置 Nginx 反向代理
- 配置进程守护(pm2/systemd)
- 配置 HTTPS
不推荐新手
这种方式步骤繁多,容易出错。建议先用平台或宝塔,等熟悉了再尝试。
🎓 我该选哪种?
| 你的情况 | 推荐方式 |
|---|---|
| 学生/练手/展示作品 | Vercel + Zeabur(免费) |
| 毕设答辩演示 | Vercel + Zeabur(快速) |
| 小型商业项目 | 宝塔 + 云服务器 |
| 想学习服务器运维 | Docker + 云服务器 |
| 企业正式项目 | Docker + K8s / 云托管 |
🧩 前端和后端分开部署?
对,实际项目通常是分开部署的:
| 项目 | 推荐平台 | 说明 |
|---|---|---|
| 前端(Vue/React) | Vercel / EdgeOne / Zeabur | 静态文件,CDN 加速 |
| 后端(NestJS/Spring Boot) | Railway / Zeabur / 云服务器 | 需要计算资源 |
| 数据库 | Railway / PlanetScale / 云数据库 | 需要持久化存储 |
🔗 各框架部署教程链接
前端
| 框架 | Vercel | Zeabur | 官方文档 |
|---|---|---|---|
| Vue 3 | 教程 | 教程 | Vite 部署 |
| React | 教程 | 教程 | Vite 部署 |
| Next.js | 教程 | 教程 | Next.js 部署 |
后端
| 框架 | Railway | Zeabur | Docker |
|---|---|---|---|
| NestJS | 教程 | 教程 | 👉 Docker 指南 |
| Spring Boot | 教程 | 教程 | 👉 Docker 指南 |
| FastAPI | 教程 | 教程 | 👉 Docker 指南 |
📚 相关资源
⏭️ 下一步
👉 Docker 部署入门 - 学习最通用的部署方式