Skip to content

云平台部署 ​

开发时项目只在本地运行,只有你自己能通过 localhost 访问。如果你想让别人也能打开你的项目,就需要把它部署到互联网上。

本文介绍各种云平台部署方案,帮你选择最适合自己的方式。Docker 部署方案请参阅 Docker 部署。

本地 vs 线上 ​

对比本地开发线上部署
访问地址localhost:3000your-app.com
谁能访问只有你自己全世界任何人
运行时间电脑开机时7 x 24 小时
数据存储你的电脑云端服务器

云平台一键部署 ​

这是最适合新手的方式。把代码推到 GitHub,平台自动帮你构建和部署,不需要懂服务器操作。

优点:

  • 操作简单,点几下鼠标即可完成
  • 自动 HTTPS、自动域名
  • 有免费额度,学习阶段不花钱
  • 不用管服务器,专注写代码

平台对比 ​

平台适合场景免费额度节点区域特点
Vercel前端项目非常慷慨全球速度最快,自动 CI/CD,Next.js 官方
Zeabur前后端全栈有限额全球 + 香港自带数据库,国内访问友好,中文文档
EdgeOne国内用户有体验额度国内 CDN腾讯云出品,国内访问速度快
Railway后端 + 数据库$5/月额度全球自带 PostgreSQL/MySQL,一键部署
Render全栈项目有限额全球支持多种语言,免费静态站
Fly.io容器部署有限额全球多区域Docker 镜像直接部署,边缘计算

我该选哪个平台? ​

你的情况推荐平台
只有前端,面向海外用户Vercel
前后端全栈,小项目Zeabur 或 Railway
国内用户访问为主Zeabur 或 EdgeOne
需要自带数据库Railway 或 Zeabur
已有 Docker 镜像Fly.io 或 Railway
企业正式项目根据团队技术栈选择,通常配合 Docker

Vercel 部署(前端) ​

Vercel 是最流行的前端部署平台,尤其适合 Vue、React 等前端项目。

操作步骤 ​

第一步:将代码推送到 GitHub

bash
git init
git add .
git commit -m "init"
git remote add origin https://github.com/你的用户名/你的项目.git
git push -u origin main

第二步:登录 Vercel

  1. 打开 vercel.com
  2. 点击 "Sign Up",使用 GitHub 账号登录

第三步:导入项目

  1. 点击 "Add New" -> "Project"
  2. 在 "Import Git Repository" 中找到你的项目
  3. 点击 "Import"

第四步:配置并部署

  1. Framework Preset 会自动识别(如 Vite + Vue)
  2. Build Command 和 Output Directory 通常自动填写,无需修改
  3. 点击 "Deploy"

等待 1-2 分钟,部署完成后会获得一个 your-project.vercel.app 的地址,项目就可以通过互联网访问了。

自动更新

之后每次向 GitHub 推送代码,Vercel 会自动重新构建和部署。

Zeabur 部署(全栈) ​

Zeabur 支持前后端一起部署,自带数据库和存储服务,国内访问速度快。

操作步骤 ​

  1. 打开 zeabur.com,使用 GitHub 账号登录
  2. 创建一个项目(Project)
  3. 点击 "Add Service",选择 "Git Repository"
  4. 授权并选择你的代码仓库
  5. Zeabur 会自动识别框架并配置构建参数
  6. 如果需要数据库,点击 "Add Service" 选择 "Prebuilt Service" 添加 PostgreSQL 或 MySQL
  7. 部署完成后会获得一个公网地址

前后端分离

如果前后端在不同仓库,可以在同一个 Zeabur 项目中分别添加两个 Service,通过内网域名互相访问。

宝塔面板部署 ​

如果你有一台自己的云服务器(阿里云、腾讯云等),可以安装宝塔面板,通过可视化界面管理网站。

适用场景 ​

  • 需要完全控制服务器
  • 有自己的域名和服务器
  • 国内网站,需要备案

准备工作 ​

  • 一台云服务器(Linux,推荐 Ubuntu)
  • 域名(可选,用 IP 也能访问)

操作步骤 ​

第一步:购买云服务器

阿里云、腾讯云等平台均可,入门配置(2核2G)月费几十元。

第二步:安装宝塔面板

SSH 登录服务器后执行:

bash
curl -sSO https://download.bt.cn/install/install_panel.sh && bash install_panel.sh ed8484bec

安装完成后终端会显示面板地址、用户名和密码。

第三步:在面板中安装环境

  1. 登录宝塔面板
  2. 在"软件商店"中安装 Nginx、Node.js 版本管理器、MySQL
  3. 如果项目使用 Docker,也可以安装 Docker 管理器

第四步:上传项目代码

将代码上传到服务器,可以通过 Git 拉取或宝塔面板的文件管理器上传。

第五步:配置网站

  1. 在宝塔面板"网站"中添加站点,填入域名
  2. 设置网站根目录指向前端构建产物目录
  3. 如果有后端 API,配置 Nginx 反向代理

第六步:配置 HTTPS

在宝塔面板的网站设置中,可以通过 Let's Encrypt 一键申请免费 SSL 证书。

ICP 备案

服务器在中国大陆时,域名必须完成 ICP 备案后才能正常访问。备案通常需要 7-20 个工作日。

我该选哪种方式? ​

你的情况推荐方式理由
学生 / 练手 / 展示作品Vercel + Zeabur免费,快速,零运维
毕设答辩演示Vercel几分钟即可上线,不需要服务器
前后端全栈小项目Zeabur 或 Railway一站式部署,自带数据库
国内用户访问为主Zeabur 或 宝塔 + 云服务器国内节点,访问速度快
想学习服务器运维宝塔 + 云服务器可视化操作,学习成本低
企业正式项目Docker + 云服务器 或 云托管稳定可控,方便扩展

Docker 部署

如果你选择了 Docker 方案,请参阅 Docker 部署 获取详细的配置和操作指南。

Released under the MIT License.