🪵 3. 인프라 실습(3) : 도커 없이 배포하기 CI CD

.github/workflows/ci-cd.yml

name: Whiteboard CI/CD

on:
  push:
    branches: [main]
  pull_request:
    branches: [main]

jobs:
  deploy:
    runs-on: ubuntu-latest

    steps:
      - uses: actions/checkout@v4

      - name: Setup Node.js
        uses: actions/setup-node@v4
        with:
          node-version: "20"

      # 캐시 설정 (npm 기준)
      - name: Cache dependencies
        uses: actions/cache@v3
        with:
          path: |
            **/node_modules
          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
          restore-keys: |
            ${{ runner.os }}-node-

      # 프론트엔드 빌드 및 배포
      - name: Install & Build Frontend
        working-directory: ./client
        env:
          VITE_SOCKET_URL: ${{ secrets.VITE_SOCKET_URL }}
        run: |
          npm ci
          npm run build

      # Object Storage 업로드
      - name: Deploy to Object Storage
        env:
          AWS_ACCESS_KEY_ID: ${{ secrets.NCP_ACCESS_KEY }}
          AWS_SECRET_ACCESS_KEY: ${{ secrets.NCP_SECRET_KEY }}
        run: |
          # S3 업로드
          aws s3 sync ./client/dist s3://test-web30 \
            --endpoint-url https://kr.object.ncloudstorage.com \
            --region kr-standard

      # 백엔드 배포
      - name: Deploy Backend
        uses: appleboy/[email protected]
        with:
          host: ${{ secrets.SSH_HOST }}
          username: ncloud
          key: ${{ secrets.SSH_PRIVATE_KEY }}
          script: |
            cd ~/whiteboard/server
            git pull
            npm ci
            npm run build

            # 서버에 환경변수 파일 생성
            cat << EOF > .env
            # DATABASE_URL=${{ secrets.DATABASE_URL }}
            EOF

            # PM2 재시작
            pm2 restart whiteboard-server || pm2 start dist/main.js --name "whiteboard-server"

npm 기준

Repository secrets 추가

image (19)

자동 빌드 & 배포 성공

image (20)

Actions 탭에서 로그 확인 가능

참고

AWS S3 CLI로 NCP Object Storage 제어

NCP Object Storage는 AWS S3 CLI와 호환되도록 설계됨.
Object Storage CLI

AWS CLI 중복 설치 이슈

- name: Deploy to Object Storage
  env:
    AWS_ACCESS_KEY_ID: ${{ secrets.NCP_ACCESS_KEY }}
    AWS_SECRET_ACCESS_KEY: ${{ secrets.NCP_SECRET_KEY }}
  run: |
    curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
    unzip awscliv2.zip
    sudo ./aws/install # 이미 설치되어 있으므로 삭제해야 함.

    aws s3 sync ./client/dist s3://test-web30 \
      --endpoint-url https://kr.object.ncloudstorage.com \
      --region kr-standard

ubuntu-latest에 기본 설치된 것들