[CI & CD - AWS] 2 - Deploy Client

💡 클라이언트 배포

준비사항

• 3 버킷 생성
• (로컬) npm install

S3 버킷 생성

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

npm 설치 (로컬환경)

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

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

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

npm install -> 의존성 모듈 설치

---

환경변수 설정

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

.env.example -> .env로 변경

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

nvm run build 실행

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

---

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의 정적 웹사이트 접속