S3 호스팅
s3 접속 → 버킷만들기 → 버킷이름 설정후 아시아 태평양(서울)리전 → 버킷만들기 → 버킷 클릭후 속성 탭 클릭 → 정적웹사이트 호스팅 편집 → 활성화 선택 → 인덱스와 오류문서에 index.html 작성후 변경 사항 저장 → 권한 탭 클릭 → 퍼블릭 엑세스 차단 옵션에서 편집 클릭 → 모든 퍼블릭 엑세스 차단 체크박스 해제 후 변경 사항 저장 → 권한 메뉴의 버킷 정책 부분 편집 → 정책 생성기 → Select Type of Policy부분 S3 BucketPolicy 선택, Principal부분 입력, Actions부분 GetObject선택, Amaxon Resource Name부분 'arn:aws:s3:::<버킷이름>/' 입력 후 Add Statement 클릭 → 최종적으로 Generate Policy 버튼 눌러 정책 생성 → 생성된 정책복사후 붙여넣어 변경 사항 저장
CloudFront 배포 생성 - S3와 CloudFront 연결
CloudFront 이동 → 배포 생성 클릭 → 원본 도메인에 S3버킷 선택 → 뷰어 프로토콜 정책 Redirect HTTP to HTTPS 선택 → 사용자 정의 SSL 인증서부분 ACM에서 인증서 발급시 입력했던 도메인 주소 입력 → Custom SSL Certificate 선택 후 발급 받은 인증서 선택 → 기본값 루트 객체부분 index.html 입력후 배포 생성 클릭 → 배포 생성후 활성화되면 → 배포 ID 클릭 → 오류 페이지 클릭 → 사용자 정의 오류 응답 생성 클릭 → 403선택, 오류 응답 사용자 정의 ‘예'선택후 응답 페이지경로에 /index.html 입력, HTTP 응답코드에 200:확인 선택후 사용자 정의 오류 응답 생성 클릭. 404에러 코드에도 똑 같이 설정 → status가 Deployed 상태인 것을 확인 → Domain 주소를 통해접속 테스트 진행
호스팅 영역에 별칭 레코드 생성 - CloudFront와 Route 53 연결
Route 53 이동 → DNS 관리 호스팅 영역 클릭 → 생성한도메인 클릭 → 레코드 생성 클릭 → 레코드이름 입력후 별칭 토글버튼 클릭 → CloudFront 배포에 대한 별칭 선택 → 배포 선택에서 CloudFront의 주소 선택후 레코드 생성 → 레코드생성 성공 여부 확인 후 도메인 주소를 이용해 접속테스트
파이프라인 구축
version: 0.2
phases:
pre_build:
commands:
- cd client
- npm install
build:
commands:
- npm run build
artifacts:
files:
- '**/*'
base-directory: client/buildCodePipeline 접속 → 파이프라인 생성 → 이름 설정후 다음 → Github 연결 → 레포지토리와 브랜치 선택후 다음 → 빌드 스테이지 추가에서 빌드공급자 AWS CodeBuild 선택 후 다음 → 아시아 태평양(서울)리전 → 프로젝트 생성버튼클릭 → 이름 설정후 환경에서 운영체제 Ubuntu 선택, 런타임 Standard, 이미지 aws/codebuild/standard:5.0, 이미지 버전 이 런타임버전에 항상 최신임지 사용, 환경유형 Linux 선택후 codePipeline으로 계속 → 생성한 프로젝트 설정되면 다음 → 배포 공급자 Amazon S3 선택, 버킷 선택, 배포하기 전에 압축 풀기 체크 다음 → 파이프라인 생성
