Route53 도메인 설정 및 CloudFront + S3 호스팅 설정하기

S3 정적 호스팅으로 임시로 서버 구성을 했지만 이 방법은 AWS 에서 HTTPS 을 지원하지 않는다.

HTTPS 을 지원하고 응답속도 개선을 위해  CloudFront + S3 + Route53 을 적용 과정에 관한 이야기이다.

 

CloudFront ?

 CloudFront 는 AWS 에서 제공하는 CDN(Content Delivery Network) 서비스이다. CloudFront 는 정적 파일을 분산된 엣지 서버에 배치 및 캐싱하여 정적 컨텐츠를 빠르게 전송 가능한 서비스이다. 가장 가까운 엣지 서버에서 제공하기 때문에 응답 속도를 향상시켜 레이턴시(latency) 를 줄일 수 있다.

 

응답 속도 비교해보자. CloudFront 를 적용했을 때 S3 정적 호스팅을 했을 때보다 9배 가량 응답 시간이 차이가 있다.

CloudFront 호스팅 응답 시간 : 20ms

S3 정적 호스팅 응답 시간 : 195ms

 

적용 과정

1. S3 정적 호스팅 방법

• Amazon S3 > 버킷 > [해당 버킷 이름] > 속성 > 정적 웹 사이트 호스팅
• 정적 웹 사이트 호스팅 활설화 및 정적 웹 사이트 호스팅 설정 + 인덱스 문서 index.html 설정

 

 

정적 호스팅 URL 설정

 

2. CloudFront 설정

(1) CloudFront 도메인 설정

• Distribution name 설정

 

 

(2) Origin 설정

• Amazon S3 origin 설정

 

(3) WAF 설정

• WAF 필요 시, 보안 보호 활성화 추가

 

3. S3 버킷 정책 설정

• AmazonS3 > 버킷 > [bucket name] > 권한 > 버킷 정책 설정

{
    "Version": "2012-10-17",
    "Id": "PolicyForCloudFrontPrivateContent",
    "Statement": [
        {
            "Sid": "AllowCloudFrontServicePrincipal",
            "Effect": "Allow",
            "Principal": {
                "Service": "cloudfront.amazonaws.com"
            },
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::[bucket-name]/*",
            "Condition": {
                "StringEquals": {
                    "AWS:SourceArn": "[cloudfront arn]"
                }
            }
        }
    ]
}

 

 

4. Route 53 설정

(1) 해당 도메인 ACM 할당받기

(2) Route53 자동 할당시 레코드에 자동으로 등록된다.

 

 

4. CloudFront + ACM 연동

(1) CloudFront 에서 편집 버튼 클릭

 

(2) 설정 편집에서 SSL certifiaction 설정

 

(3) 아래 설정들을 확인하고 변경 완료

 

5. Route53 레코드 생성

• CloudFront 배포에 대한 별칭 설정
• 설정할 CloudFront 배포 도메인 이름 설정
• ⚠️ cloudfront subdomain 을 설정해야 해당 트래픽 라우팅 대상 목록으로 출력

 

6. 403 Forbidden 에러 발생

• https://repost.aws/ko/knowledge-center/resolve-cloudfront-bad-request-error

(1) SSL 인증서 설정 및 subdomain 추가

• cloudfront 에서 반영하는데 일정 시간(5min - 10min) 이 필요하다.
• 해당 subdomain 을 설정해야 route53 에서 별칭 목록으로 출력됨.

 

(2) 정상 출력 확인

 

 

7. 동작 생성

• 원본 및 원본 그룹에 S3 정적 호스팅 URL 설정 및 캐시 설정