220123 GitHub Action을 이용한 자동 배포(프론트)

순서 !

-> s3 생성

-> cloudfront 생성

-> 깃허브레포에 secret 설정 (AWS 연동)

-> 프로젝트에 .github/workflows/frontend.yml 파일 추가

-> 푸시 !

-> action 뱅글뱅글 돌아감

 

---

에러

1. The bucket does not allow ACLs

-> s3 권한에서 객체 소유권 편집

짜란~!

 

2. index.html만 s3에 업로드 됨

frontend.yml 파일 수정

args: --acl public-read --exclude '*' --include 'index.html' -> include '*'

name: my-front
on:
  push:
    branches:
      - main
jobs:
  build:
    runs-on: ubuntu-latest
    env:
      AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
      AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
      AWS_REGION: 'ap-northeast-2'

    steps:
      - name: Checkout source code.
        uses: actions/checkout@master

      - name: Upload binary to S3 bucket
        uses: jakejarvis/s3-sync-action@master
        with:
          args: --acl public-read --exclude '*' --include '*'
        env:
          AWS_S3_BUCKET: ${{ secrets.BUCKET_NAME }}

      - name: Invalidate cache CloudFront
        uses: chetan/invalidate-cloudfront-action@master
        env:
          DISTRIBUTION: ${{ secrets.DISTRIBUTION_ID }}
          PATHS: '/index.html'
        continue-on-error: true

 

성공~!

 

 

 

참조

s3 배포자동화시 The bucket does not allow ACLs