如何部署上线

让全世界看到你的作品

代码写完了，怎么让别人通过网址访问？这就是部署上线。本文介绍两种主流方式：Vercel 平台部署和传统云服务器部署。

💡 类比：写好代码就像做好了一道菜。部署就是把菜从厨房端到餐桌上——Vercel 像外卖平台（平台帮你送），云服务器像自己开店（什么都自己来）。

两种方式对比

方案一：Vercel 部署（推荐新手）

Vercel 是 Next.js 的官方部署平台，推送代码就自动上线，是最简单的部署方式。

工作流程

第一步：代码推到 GitHub

# 初始化 Git（如果还没有）
git init
git add .
git commit -m "初始提交"

# 在 GitHub 创建仓库后
git remote add origin https://github.com/你的用户名/你的项目.git
git push -u origin main

第二步：连接 Vercel

1. 访问 vercel.com，用 GitHub 账号登录
2. 点击 "Add New Project"
3. 选择你的 GitHub 仓库
4. 点击 "Deploy"
5. 等待构建完成（通常1-2分钟）

第三步：获得网址

部署完成后，Vercel 会给你一个免费网址：

https://你的项目名.vercel.app

后续更新

以后每次推送代码到 GitHub，Vercel 会自动重新部署：

# 修改代码后
git add .
git commit -m "新增功能"
git push
# Vercel 自动部署，几分钟后线上就更新了

配置环境变量

如果你的项目用到了 API Key 等环境变量：

1. 在 Vercel 项目面板中进入 Settings → Environment Variables
2. 添加你的环境变量（如 SUPABASE_URL、API_KEY 等）
3. 重新部署生效

绑定自定义域名

1. 在 Vercel 项目面板中进入 Settings → Domains
2. 输入你购买的域名
3. 按照提示在域名服务商处添加 DNS 记录
4. 等待 DNS 生效（通常几分钟到几小时）

方案二：云服务器部署

适合需要完全控制的项目，或需要运行后端服务的场景。

常见云服务商

部署流程

第一步：购买服务器

选择一台云服务器（ECS），推荐配置：

第二步：安装环境

通过 SSH 连接到服务器后：

# 更新系统
sudo apt update && sudo apt upgrade -y

# 安装 Node.js
curl -fsSL https://deb.nodesource.com/setup_20.x | sudo -E bash -
sudo apt install -y nodejs

# 安装 Nginx
sudo apt install -y nginx

# 安装 PM2（进程管理）
sudo npm install -g pm2

第三步：上传和构建

# 克隆代码
git clone https://github.com/你的用户名/你的项目.git
cd 你的项目

# 安装依赖
npm install

# 构建
npm run build

# 用 PM2 启动
pm2 start npm --name "my-app" -- start
pm2 save
pm2 startup

第四步：配置 Nginx

# /etc/nginx/sites-available/my-app
server {
    listen 80;
    server_name 你的域名.com;

    location / {
        proxy_pass http://127.0.0.1:3000;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
    }
}

# 启用配置
sudo ln -s /etc/nginx/sites-available/my-app /etc/nginx/sites-enabled/
sudo nginx -t
sudo systemctl reload nginx

第五步：配置 HTTPS

# 安装 Certbot
sudo apt install certbot python3-certbot-nginx

# 自动配置 HTTPS
sudo certbot --nginx -d 你的域名.com

让AI帮你部署

你不需要记住这些命令，告诉AI就行：

Vercel 部署

我的 Next.js 项目已经在 GitHub 上了，
帮我梳理一下 Vercel 部署的步骤，
项目用到了 Supabase，需要配置环境变量。

云服务器部署

我有一台阿里云 Ubuntu 服务器，
帮我部署一个 Next.js 项目。
需要配置 Nginx 反向代理和 HTTPS。
请给我完整的命令步骤。

选择建议

🎯 AI编程小贴士：第一次部署就用 Vercel，把代码推到 GitHub 然后在 Vercel 上点几下就完成了。等以后有了更复杂的需求（比如要在国内快速访问、需要运行后端服务），再学习云服务器部署。整个过程都可以让 AI 指导你一步步完成。

小结

• 部署上线就是让别人能通过网址访问你的项目
• Vercel：推代码自动上线，极低门槛，推荐新手
• 云服务器：灵活可控，适合有特殊需求的项目
• Vercel 适合 Next.js/前端项目，云服务器适合任何项目
• 每次推送代码到 GitHub，Vercel 自动更新部署