AWS - S3 정적 호스팅 ( Static Hosting )

S3 정적 호스팅 ( Static Hosting )

。S3 Bucket을 사용해서 정적컨텐츠를 호스팅하는 기능
▶ 주로 React를 구성하는 정적 파일을 AWS S3 Bucket에 저장하여 서비스

。정적 웹 사이트 호스팅이 활성화 된 경우 외부에서 버킷으로 접근가능한 엔드포인트가 노출.

。S3은 웹사이트의 정적 파일 호스팅용도로 자주 사용.
▶ 프론트엔드 빌드파일을 AWS S3 버킷에 저장 후 배포

。React 등의 웹 정적 컨텐츠를 호스팅하는 경우 자체적으로 도메인 주소 설정 / HTTPS 설정이 불가능
▶ Route53 / CloudFront와 연동하여 주소 변경 및 HTTPS 를 구현할 수 있음.

。웹 정적 호스팅 시 DNS 설정을 위한 Route53 Record와 연결 시 버킷명과 도메인주소명이 동일해야한다.


S3 정적 호스팅 특징

• 고가용성 / 장애 내구성 확보
  。S3 서비스 자체는 이미 고가용성 / 장애 내구성이 확보됨
  
  
• Serverless
  。별도 서버 없이 S3 Bucket을 웹 서버처럼 활용
  ▶ 서버의 잉여자원 없이 사용한 만큼만 비용을 지불이 가능
  
  。 별도 서버 없이 웹서버를 호스팅 가능

S3 버킷의 정적 호스팅
。S3 버킷의 정적 호스팅 기능 활성화 및 내부에 정적 컨텐츠를 작성 후 업로드
▶ 이후 정적 호스팅 주소로 접근하여 웹사이트 구동 확인

• Amazon S3 -> 버킷에서 S3 버킷 생성
  。정적 컨텐츠를 외부 익명 사용자에게 공개해야하므로, 퍼블릭 액세스 차단 해제
  ▶ 따로 외부에서 접근할 수 있도록 추가적으로 버킷 정책을 통해 퍼블릭 액세스를 허용해야한다.

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "Statement1",
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::[버킷명]/*"
        }
    ]
}

▶ 모든 사용자에게 해당 버킷에 접근 시 내부 객체 조회를 허용

• S3 버킷에 정적 웹 사이트 호스팅 허용하기
  。Amazon S3 -> 버킷 -> 속성 -> 정적 웹 사이트 호스팅 편집에서 정적 웹 사이트 호스팅 활성화 하기
  
  ▶ 인덱스 문서를 설정해서 웹 사이트의 기본 페이지를 지정
  
  。이후 활성화 된 경우 다음처럼 버킷 웹 사이트 엔드포인트를 통해 S3 버킷에 접근 가능
  ▶ 브라우저가 엔드포인트로 접근 시 해당 S3 버킷 내 정적 웹 컨텐츠 파일 ( React 프로젝트 등 )을 기반으로 브라우저에 렌더링
  
  
  
• 해당 S3 버킷에 정적 컨텐츠를 업로드 하기
  。해당 버킷 내 프론트엔드 프로젝트와 관련된 정적 웹 컨텐츠 파일 ( HTML / CSS / JS )을 업로드
  
  
  
• 정적 호스팅의 엔드포인트로 접근 시 다음처럼 호스팅 중인 S3 버킷 내 객체를 조회
  。해당 S3 버킷이 호스팅 중인 정적 컨텐츠를 기반으로 브라우저로 렌더링한 웹사이트가 도출
  
  。S3 버킷에서 정적 호스팅 중인 웹 사이트는 엔드포인트를 통해 외부 익명사용자에 의해 접근 가능
  ▶ 추가적으로 해당 S3 버킷의 정적 호스팅 엔드포인트에 대해 DNS와 HTTPS를 적용하기 위해서는 CloudFront와 Route53을 사용