AWS S3로 CRA 배포 + GitHub Actions로 자동화 (2)

🏝 GitHub Actions로 배포 자동화

 

프로젝트에 CICD.yml 파일 생성

루트 디렉토리에 .github/workflows 폴더를 생성한다.

 

 

해당 경로에 CICD.yml 파일을 생성하고 원격에 업로드한다.

name: CI/CD

on:
  push:
    branches:
      - main
  workflow_dispatch:

jobs:
  cicd:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@main
      - run: npm ci
      - run: npm run build
      - name: deploy to s3
        uses: jakejarvis/s3-sync-action@master
        with:
          args: --delete
        env:
          AWS_S3_BUCKET: ${{ secrets.AWS_S3_BUCKET }}
          AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
          AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
          AWS_REGION: 'ap-northeast-2'
          SOURCE_DIR: 'build'

 

 

Marketplace에서 다른 사용자가 만든 액션을 찾아 볼 수 있다.

깃허브의 Marketplace 탭으로 이동

 

Actions 탭에서 checkout 검색

 

https://github.com/marketplace/actions/checkout

Checkout - GitHub Marketplace

 

사용법 확인 가능

 

 

Actions Secrests 설정

위 예시를 보면 액션 사용을 위해 AWS S3의 관련 정보를 제공해주어야 하는 것을 확인할 수 있다.

이 정보를 Github에서 제공하도록 설정한다.

깃허브 레포에서 Settings - Secrets and variables - Actions 탭으로 이동한다.

 

 

New repository secret을 클릭한다.

 

 

필요한 Actions secrets를 생성한다. 

- AWS_S3_BUCKET : bucket name
- AWS_ACCESS_KEY_ID : AWS access key ID
- AWS_SECRET_ACCESS_KEY : AWS secret access key

 

 

배포 자동화 확인

이제 main 브랜치에 push 시 github action이 돌아가게 된다.

깃허브 레포에서 Actions 탭으로 이동한다.

 

 

 

action이 성공적으로 진행되었다면 체크 표시와 함께 배포가 자동으로 되는 것을 확인 할 수 있다.