[과제] Github Action 실습

Bare Minimum Requirements

- 나만의 아고라 스테이츠 서버의 클라이언트 부분을 S3으로 배포하기

- 튜토리얼에 이어서 실습 진행 하기. 기존에 가지고 있었던 레포지토리를 이용할 것 

 

 

Github Actions를 통한 배포 Flow(클라이언트)

- 이번 클라이언트 배포는 간단하게 3가지 단계로 나뉨

Source : Github reference 브랜치에 코드가 커밋되면 
Build : github actions의 YAML 파일에 적힌 명령어를 토대로 Webpack을 이용해 빌드를 하고 
Deploy : github actions의 YAML 파일에 적힌 명렁어를 토대로 s3로 빌드 결과를 업로드

 

 

Github Actions Secrets 정하기

- 절대로 외부로 노출되어서는 안되기 때문에 Github repository의 secrests로 등록해 준 다음 사용해야 함

- Encrypted secrets 바로 가기

 

 

과제를 마치며

- 코로나 확진되고 머리가 잘 안돌아가는 상태에서 약빨로 살짝 제정신일 때 간신히 정신줄 붙잡고 수행했다..

- 우선 client.yaml 파일을 Action 페이지에 들어가서 작성을 해서 vs로 코드를 열어 pull 해서 로컬로 내려받아 줬다 

- 사실 로컬 환경에서 작성해서 올려주는 것도 방법이었을텐데 코로나로 머리가 평소보다 느리게 굴러감..

- 그리고 npm install 후 npm run build로 webpack을 이용해 빌드함 

- 그리고 s3로 빌드 결과물 업로드

- 이 과정에서 yaml 파일 작성시 액션 시크릿 노출 시키면 안되니까 환경 변수로 작성하고 해당 레포지토리로 가서 시크릿 등록해주는 절차를 해줘야함 

배포 성공 화면

 

 

*  reference : https://doqtqu.tistory.com/331