📁 AWS 정적 웹페이지 배포하기 - S3, CloudFront

🗒 S3 배포

• 로그인 후 S3 페이지로 이동

1. 버킷 만들기

• 버킷 이름 설정
  => 버킷 이름 지정 규칙이 있으므로 참고하기

• AWS 리전 설정

• 버킷의 퍼블릭 엑세스 차단 설정
  => 모든 피드백 엑세스 차단에 체크 해제
  => 버킷 만들기

• 생성된 버킷 이름 클릭

2. 버킷 권한 정책 설정

• 권한 탭 클릭
  => 버킷 정책 편집

• 버킷 정책
  => 정책 예제 클릭 : 해당하는 예제 코드 복사
  => 예제 코드에 지정한 버킷 이름 넣기
  => 변경 사항 저장

// any access 버킷 정책 예시
{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "PublicReadGetObject",
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::{BucketName}/*"
        }
    ]
}

3. 배포 파일 업로드

• 객체 탭 클릭
  (비어 있어야 하는데 제가 깜박하고 파일 업로드 후에 캡쳐를 했습니다.)

• 파일 업로드 시 루트 폴더 내의 파일 및 폴더만 업로드
  => 드래그 앤 드롭으로 파일 업로드
  => 업로드 클릭
  => 업로드 완료 후 닫기 클릭

4. 정적 웹 사이트 호스팅

• 속성 탭 클릭
  => 하단에 정적 웹 사이트 호스팅 편집 클릭

• 비활성화를 활성화로 변경
  => 인덱스 문서를 index.html로 설정
  => 변경 사항 저장

• 버킷 웹 사이트 엔드포인트 주소 할당

• S3 버킷만으로 정적 웹을 호스팅으로 서비스하기에는 아래와 같이 몇 가지 문제가 있다.
  • https가 아닌 http 통신을 해야 한다는 점
  • 버킷이 퍼블릭 공개라는 점
  • AWS S3의 엔드포인트 주소를 그대로 사용해야 한다는 점

위 잠재적 위험성을 제거할 목적으로 추가 설정이 필요하다.

🗒 Cloudfront 연결하기

• 정적 웹 호스팅을 구성하는 데 있어 위의 문제들을 해결하기 위해 S3 버킷에 연결할 AWS Cloudfront 서비스가 필요
• Cloudfront : AWS Global Edge Server를 통해 CDN(Content Delivery Network) 역할을 해주는 AWS 서비스

• 배포 생성
  => 원본 도메인 설정

• S3 버킷 액세스
  => "예"로 설정 후 새 OAI 생성

• 뷰어
  => Redirect HTTP to HTTPS 체크

• 기본값 루트 객체 index.html로 설정
  => 배포 생성 클릭

• 배포 생성 완료
  => 배포 생성 후 2~3분 후 생성된 도메인으로 연결

참고링크

• AWS 정적 웹페이지 배포하기 (S3 + CloudFront)
• 사례별로 알아본 안전한 S3 사용 가이드
• 실전 Amazon S3와 CloudFront로 정적 파일 배포하기