Sealos DevBox 开发环境迁移实战：15分钟告别本地配置地狱

$ npm install
错误：需要 Node 版本 16.14.0，当前版本 18.20.0
$ nvm use 16.14.0
$ npm install
错误：找不到模块 'node-gyp'
$ npm install -g node-gyp
错误：node-gyp 需要 Python 2.7
# ...然后陷入无限循环

// 日常对话
同事："你看下第 247 行的报错"
你："我这边没问题啊"
同事："要不你把 node_modules 删了重装试试？"
你："已经试过三遍了..."

运行时环境：Next.js
资源配置：2 核 CPU / 4GB 内存
网络配置：暴露端口 3000

# DevBox 自动配置的 SSH 连接信息
Host devbox-project
  HostName cloud.sealos.run
  User devbox
  Port 22
  IdentityFile ~/.ssh/devbox_rsa
  StrictHostKeyChecking no

# 配置 Git（首次使用）
git config --global user.name "你的名字"
git config --global user.email "your.email@example.com"
 
# 克隆项目
git clone https://github.com/yourusername/yourproject.git ./

#!/bin/bash
cd /home/devbox/project
 
# 生产环境使用构建后的版本
# 开发环境使用热重载
npm run start

# 在 DevBox 中安装 rsync
sudo apt update && sudo apt install rsync
 
# 从本地同步项目到 DevBox
rsync -avz \
  --exclude 'node_modules' \
  --exclude '.next' \
  --exclude 'dist' \
  ./ devbox-host:/home/devbox/project

rsync -avz \
  devbox-host:/home/devbox/project \
  ./devbox-backup

┌─────────────────────────────────────┐
│         IDE 层（本地）              │
│    Cursor/VSCode + Remote SSH      │
└─────────────┬───────────────────────┘
              │
┌─────────────▼───────────────────────┐
│      DevBox 运行时（云端）          │
│   Ubuntu + 语言运行时 + 开发工具    │
└─────────────┬───────────────────────┘
              │
┌─────────────▼───────────────────────┐
│    Sealos 平台（Kubernetes）       │
│  存储、网络、编排、调度            │
└─────────────────────────────────────┘

// 开发环境
http://localhost:3000 → https://dev-abc123.sealos.run
 
// 生产部署  
https://prod-xyz789.sealos.run

// 传统方式：复制代码片段
"你看下 components/Header.tsx 第 247 行"
*复制代码到微信*
"我这边没这个错误啊"
 
// DevBox 方式：共享环境
"通过个人空间邀请加入我的 DevBox"
*两人看到完全相同的状态、进程、输出*

# 传统 CI/CD 流程
git commit → CI/CD → 构建(5分钟) → 测试(3分钟) → 部署(2分钟)
总计：10+ 分钟
 
# DevBox 部署流程
运行 'npm run build' → 点击"发布版本" → 点击"部署" → 30秒内上线

# 传统的 docker-compose.yml
services:
  frontend:
    build: ./frontend
    ports: ["3000:3000"]
  backend:
    build: ./backend
    ports: ["8080:8080"]
  database:
    image: postgres:14
    volumes: ["./data:/var/lib/postgresql/data"]

devbox-frontend → Next.js 运行时
devbox-backend → Node.js 运行时
devbox-database → 托管的 PostgreSQL

// 所有连接信息在 DevBox UI 中直接可见
// 无需手动配置
const dbConfig = {
  host: '在面板中显示',
  user: '自动填充',
  password: '安全显示',
  database: 'your-database'
}
 
// 直接连接，无需手动设置
const db = await connectDatabase(dbConfig)

// webpack.config.js
module.exports = {
  watchOptions: {
    poll: 1000, // 每秒轮询，而非使用 inotify
    aggregateTimeout: 300,
    ignored: /node_modules/
  }
}

{
  "scripts": {
    "postinstall": "npm rebuild"
  }
}

# 更好的初始迁移方式
rsync -avz --exclude 'node_modules' --exclude '.next' ./ devbox-host:/home/devbox/project
# 然后在 DevBox 中运行 npm install