💿 Github Actions CD(자동배포)

서버 자동 배포 과정

1. github dev 브랜치에 업로드 시 github actions 실행
2. github actions에서 ssh로 서버 쉘스크립트 실행
3. 서버 쉘스크립트로 git pull 후 nestjs node 프로세스 재실행
4. 클라이언트에서 빌드한 파일들을 서버 nginx 정적파일 디렉토리로 복사

https://velog.io/@seongwop/Web-NCP-Github-Actions-%EB%B0%B0%ED%8F%AC-%EC%9E%90%EB%8F%99%ED%99%94

Github Actions 워크플로우 파일

• on: 트리거
  • dev 브랜치에 push될 때 실행(PR이 머지될때)
  • workflow_dispatch로 웹에서 임의로 실행 가능
• jobs:
  • appleboy/ssh-action 워크플로우를 사용해서 서버에 SSH 명령어 전송
  • host username password port를 github secrets에서 가져와서 실행
  • sh /root/boostcamp/deploy.sh 명령어를 통해서 쉘스크립트 파일 실행

name: Deploy BE to Server

on:
  workflow_dispatch:
  push:
    branches:
      - dev

jobs:
  deploy:
    runs-on: ubuntu-latest

    steps:
      - name: Run SSH
        uses: appleboy/[email protected]
        with:
          host: ${{ secrets.HOST }}
          username: ${{ secrets.USERNAME }}
          password: ${{ secrets.PASSWORD }}
          port: ${{ secrets.PORT }}
          script: sh /root/boostcamp/deploy.sh

서버에서 쉘 스크립트 파일 실행

• 서버 준비

  • git clone 으로 프로젝트 폴더 클론
  • node npm pm2 설치
  • pm2 start 명령으로 nestjs 실행

• 쉘 스크립트

  • 먼저 /root/web24-GOMZ 디렉토리로 이동

  • 최신 dev 브랜치로 git pull

  • npm ci 패키지 설치 최신화

  • /root/web24-GOMZ/server nestjs 서버 디렉토리로 이동

  • npm run build nestjs 빌드

  • pm2 restart 0 pm2 인스턴스 재실행

  • /root/web24-GOMZ/client 클라이언트 디렉토리 이동

  • npm run build vite 빌드

  • rm -rf /var/www/html/* nginx 정적파일 디렉토리 클린

  • cp -r ./dist/* /var/www/html nginx 정적파일 디렉토리로 복사

  #!/bin/bash
  cd /root/web24-GOMZ
  git pull origin dev
  npm ci
  
  cd /root/web24-GOMZ/server
  npm run build
  pm2 restart 0
  
  cd /root/web24-GOMZ/client
  npm run build
  rm -rf /var/www/html/*
  cp -r ./dist/* /var/www/html