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
前后端全栈,小项目ZeaburRailway
国内用户访问为主ZeaburEdgeOne
需要自带数据库RailwayZeabur
已有 Docker 镜像Fly.ioRailway
企业正式项目根据团队技术栈选择,通常配合 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几分钟即可上线,不需要服务器
前后端全栈小项目ZeaburRailway一站式部署,自带数据库
国内用户访问为主Zeabur宝塔 + 云服务器国内节点,访问速度快
想学习服务器运维宝塔 + 云服务器可视化操作,学习成本低
企业正式项目Docker + 云服务器云托管稳定可控,方便扩展

Docker 部署

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

Released under the MIT License.