[🔎 CI/CD] Github Actions를 통한 AWS 배포

CI/CD

CI : 테스트 및 빌드 자동화
CD : 배포 자동화

CI,CD 도구 중 하나인 Github를 이용해서 배포해보았다.

깃허브에 yml 파일을 포함하여, 올리고 싶은 파일들을 commit을 하면 깃허브에서 action을 이용하여 자동으로 배포를 해준다!

준비물 :
배포할 파일들, yml 파일,
AWS 배포를 위한 키 (secrets.AWS_ACCESS_KEY_ID, secrets.AWS_SECRET_ACCESS_KEY)

---

GitHub Actions을 위한 workflow 생성

깃허브 GitHub Actions을 사용하기 위해서는 워크플로우를 먼저 생성해야 한다.
워크 플로우를 생성하기 위해서는 프로젝트 폴더 내부에 아래와 같이 폴더를 생성해야 한다.

.github/workflows

반드시 위의 폴더 경로로 적어야 깃허브에서 인식한다고 한다!

---

yml 파일 생성 및 secret 설정

그리고 위 폴더에 파일이름.yml 파일을 생성해서 넣어준다.

yml 파일은 다음과 같은 형식으로 작성한다.

name: 

on: [push, pull_request]

jobs:
  test:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - name: 
        uses: actions/setup-node@v1
        with:
          node-version: '16'
      - run: npm install
      - run: npm test

아래 클라이언트 파일에는 AWS와 연결시켜주기 위한 AWS.ACCESS_KEY_ID와 AWS_SECRET_ACCESS_KEY키를 넣어준다.

키는 직접 넣는 것이 아니고 깃허브 홈페이지 > 레포지토리 > settings > security > secrets > action secret 에 시크릿 키를 추가해서 넣어준다.

# .github/workflows/client.yml
name: client
on:
  push:
    branches:
      reference
jobs:
  build:
    runs-on: ubuntu-20.04
    steps:
      - name: Checkout source code.
        uses: actions/checkout@v2
      - name: Install dependencies
        run: npm install
        working-directory: 
      - name: Build
        run: npm run build
        working-directory: 
      - name: SHOW AWS CLI VERSION
        env:
          AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
          AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
          AWS_EC2_METADATA_DISABLED: true
        run: |
          aws --version
      - name: Sync Bucket
        env:
          AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
          AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
          AWS_EC2_METADATA_DISABLED: true
        run: |
          aws s3 sync \
            --region ap-northeast-2 \
            build s3:{버킷이름} \
            --delete
        working-directory: 

---

commit

작성된 파일들을 이제 레포지토리에 커밋하면 action 탭 > All workflows 에서 추가된 액션들을 확인할 수 있다.
그리고 AWS > S3에 들어가보면 파일들이 함께 업로드 된 것을 확인할 수 있다 ! 👀