Skip to content

什么是部署?

🎯 一句话理解

简单理解

部署 = 把你的项目放到互联网上,让别人也能访问。

就像你在本地开了一家店,现在要在商场里开一家分店,让更多人能来购物。

📍 在开发时 vs 上线后

对比开发时(本地)上线后(部署)
访问地址localhost:3000your-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 可以把你的应用和环境打包在一起,在任何地方都能一样运行。是目前最主流的部署方式。

适合:想真正学习部署、需要可移植的部署方案

👉 Docker 部署入门

方式四:手动部署到服务器(较复杂 ⭐⭐)

纯命令行操作,适合想深入学习 Linux 的人。

大致步骤

  1. SSH 连接服务器
  2. 安装 Node.js/Java/Python
  3. 安装 Nginx
  4. 安装数据库
  5. 上传代码、构建
  6. 配置 Nginx 反向代理
  7. 配置进程守护(pm2/systemd)
  8. 配置 HTTPS
不推荐新手

这种方式步骤繁多,容易出错。建议先用平台或宝塔,等熟悉了再尝试。

🎓 我该选哪种?

你的情况推荐方式
学生/练手/展示作品Vercel + Zeabur(免费)
毕设答辩演示Vercel + Zeabur(快速)
小型商业项目宝塔 + 云服务器
想学习服务器运维Docker + 云服务器
企业正式项目Docker + K8s / 云托管

🧩 前端和后端分开部署?

对,实际项目通常是分开部署的:

项目推荐平台说明
前端(Vue/React)Vercel / EdgeOne / Zeabur静态文件,CDN 加速
后端(NestJS/Spring Boot)Railway / Zeabur / 云服务器需要计算资源
数据库Railway / PlanetScale / 云数据库需要持久化存储

🔗 各框架部署教程链接

前端

框架VercelZeabur官方文档
Vue 3教程教程Vite 部署
React教程教程Vite 部署
Next.js教程教程Next.js 部署

后端

框架RailwayZeaburDocker
NestJS教程教程👉 Docker 指南
Spring Boot教程教程👉 Docker 指南
FastAPI教程教程👉 Docker 指南

📚 相关资源

⏭️ 下一步

👉 Docker 部署入门 - 学习最通用的部署方式

Released under the MIT License.