Merge pull request #45 from boostcampwm-2024/CI/빌드_최적화

CI/배포 과정 최적화

Author: github-actions[bot]

.github/workflows/deploy.yml

@@ -7,17 +7,66 @@ on:
       - main
 
 jobs:
+  build-frontend:
+    name: Frontend Build
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 8
+
+      - name: Cache pnpm store
+        uses: actions/cache@v4
+        with:
+          path: ~/.pnpm-store
+          key: ${{ runner.os }}-pnpm-${{ hashFiles('pnpm-lock.yaml') }}
+
+      - run: pnpm install
+      - run: pnpm --filter client run build
+
+      - name: Upload client/dist
+        uses: actions/upload-artifact@v4
+        with:
+          name: client-dist
+          path: client/dist
+
+  build-backend:
+    name: Backend Build
+    runs-on: [self-hosted, boost-was]
+    steps:
+      - name: Checkout Repository
+        uses: actions/checkout@v4
+
+      - name: Build Backend Image
+        env:
+          NODE_ENV: production
+          MONGO_URI: ${{ secrets.MONGO_URI }}
+          JWT_SECRET: ${{ secrets.JWT_SECRET }}
+          JWT_REFRESH_SECRET: ${{ secrets.JWT_REFRESH_SECRET }}
+          VITE_API_URL: ${{ secrets.VITE_API_URL }}
+          AI_PROMPT: ${{ secrets.AI_PROMPT }}
+          AI_API_URL: ${{ secrets.AI_API_URL }}
+          AI_API_KEY: ${{ secrets.AI_API_KEY }}
+        run: docker-compose build backend
+
   deploy:
     name: Deploy on Server
-    runs-on: [self-hosted, boost-was] # 라벨에 해당하는 runner로 실행
-
+    needs: [build-frontend, build-backend]
+    runs-on: [self-hosted, boost-was]
     steps:
-      # 1. 레포지토리 클론
       - name: Checkout Repository
         uses: actions/checkout@v4
 
-      # 2. Docker Compose로 서비스 빌드 및 재시작
-      - name: Build and Deploy Docker Images
+      - name: Download client-dist
+        uses: actions/download-artifact@v4
+        with:
+          name: client-dist
+          path: client/dist
+
+      - name: Start Services
         env:
           NODE_ENV: production
           MONGO_URI: ${{ secrets.MONGO_URI }}
@@ -27,9 +76,7 @@ jobs:
           AI_PROMPT: ${{ secrets.AI_PROMPT }}
           AI_API_URL: ${{ secrets.AI_API_URL }}
           AI_API_KEY: ${{ secrets.AI_API_KEY }}
-        run: |
-          docker-compose up -d --build
+        run: docker-compose up -d --no-build
 
-      # 3. Clean up Old Images
-      - name: Remove Dangling Images
+      - name: Cleanup
         run: docker image prune -f

.github/workflows/lint_and_test.yml

@@ -7,7 +7,7 @@ on:
       - dev
 
 jobs:
-  lint_and_unit_test:
+  lint-and-unit-test:
     name: Lint and Unit Test
     runs-on: ubuntu-latest
 
@@ -43,8 +43,28 @@ jobs:
           JWT_REFRESH_SECRET: ${{ secrets.JWT_REFRESH_SECRET }}
           VITE_API_URL: ${{ secrets.VITE_API_URL }}
 
-  test_building_docker_image:
-    name: Test Building Docker Image
+  frontend-build-test:
+    name: Frontend Build Test
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 8
+
+      - name: Cache pnpm store
+        uses: actions/cache@v4
+        with:
+          path: ~/.pnpm-store
+          key: ${{ runner.os }}-pnpm-${{ hashFiles('pnpm-lock.yaml') }}
+
+      - run: pnpm install
+      - run: pnpm --filter client run build
+
+  backend-build-test:
+    name: Backend Build Test
     runs-on: ubuntu-latest
 
     steps:
@@ -77,4 +97,4 @@ jobs:
           JWT_REFRESH_SECRET: ${{ secrets.JWT_REFRESH_SECRET }}
           VITE_API_URL: ${{ secrets.VITE_API_URL }}
         run: |
-          docker-compose build frontend backend
+          docker-compose build backend

docker-compose.yml

@@ -1,15 +1,4 @@
 services:
-  frontend:
-    build:
-      context: .
-      dockerfile: ./client/Dockerfile
-    volumes:
-      - ./client/dist:/app/client/dist
-    environment:
-      - NODE_ENV=${NODE_ENV}
-      - VITE_API_URL=${VITE_API_URL}
-    command: pnpm --filter client run build
-
   backend:
     build:
       context: .
@@ -27,18 +16,16 @@ services:
       - AI_API_KEY=${AI_API_KEY}
 
   nginx:
-    build:
-      context: .
-      dockerfile: ./nginx/Dockerfile
+    image: nginx:alpine
     ports:
       - "80:80"
       - "443:443"
     volumes:
-      - ./client/dist:/usr/share/nginx/html
+      - ./client/dist:/usr/share/nginx/html:ro
+      - ./nginx/default.conf:/etc/nginx/conf.d/default.conf:ro
       - ~/certbot/www:/var/www/certbot
       - /etc/letsencrypt:/etc/letsencrypt:ro
     depends_on:
-      - frontend
       - backend
 
 networks: