[CI/CD with AWS] - Deploy Client to S3 Bucket

1. 💡 클라이언트 배포

 

준비사항

1. S3 버킷 생성
2. (로컬) npm install

 

1.1. S3 버킷 생성

• Public Access 차단 해제 & ACL비활성화 -> 생성

 

1.2. npm 설치 (로컬환경)

• 가지고있는 nvm스크립트 실행

NVM 설치 스크립트 받아서 설치

 

nvm install -lts  or  nvm install 15  -> nodejs 설치

 

npm install -> 의존성 모듈 설치

---

1.3. 환경변수 설정

• mv .env.example .env
• 인스턴스 ip + port 작성
• nvm run build

.env.example -> .env로 변경

 

.env 파일 내에 환경변수 설정

 

nvm run build 실행

 

빌드가 완료되면 build 디렉토리가 생긴다

---

1.4. S3 설정 변경

• 정적 웹 사이트 호스팅 On
• 버킷에 파일 업로드
• Public Access 차단 해제
• 버킷 정책 생성 ARN = arn:aws:s3:::[Bucket_name]/* 후 생성된 json 형태의 정책 삽입

S3 Bucket 설정 - 정적 웹호스팅 설정에 index.html 추가

 

WSL을 사용 안하므로 SCP or SFTP를 이용하여 S3 Bucket에 Build 내의 파일들 업로드

 

Bucket에 데이터 업로드 성공

 

Bucket의 Public Access를 허용해주자

 

Bucket 정책 생성 ARN = arn:aws:s3:::[Bucket_name]/* 후 생성된 json 형태의 정책 삽입

 

Bucket의 정적 웹사이트 접속