[중요][AWS] S3 -CloudFront-Route53을 이용한 리다이렉트!!

 

 

 

이번 포스팅에서는 S3 -CloudFront-Route53을 이용한 리다이렉트에 대해서 알아보겠습니다. 

HTTP 리다이렉트(Redirect)란?

리다이렉트란 말 그대로 re(다시) + 지시하다(direct) 다시 지시하는 것을 말합니다. 예를 들어 브라우저가 www.webstone.com/blogA URL을 웹 서버에 요청했다고 하자 그러면 서버는 HTTP 응답 메시지를 통해 "www.webstone.com/blogB 로 다시 요청해봐!~" 라고 브라우저에게 다른 URL(길, 방향) 을 지시할 수 있는 것을 리다이렉트라고 합니다.

리다이렉트를 통해 sky-light.site로 접속하면 naver.com으로 리다이렉트 되도록 구성해보겠습니다. 

 

S3 설정하기

1.S3에서 Create bucket을 선택합니다.

2.Bucket 이름을 리다이렉트 시키려는 URL과 동일하게 설정합니다

3.Block all public access를 모두 풀어줍니다

4. 생성한 S3에서 정적 웹 사이트 호스팅 편집에 들어가 리다이렉트 시키려고 하는 URL를 입력합니다. 

5. 설정 한 후 엔드포인트를 저장해 둡니다. ( CloudFront 연결에 필요)

 

 

 

CloudFront 설정
## HTTPS 신속히 리다이렉트시 필요 (버지니아 리전 인증서 생성 필요)
## 대체 도메인 이름 항목 추가 필수!!

 

1.Cloudfront에서 Create distribution을 선택합니다
2.Origin domain에 위에서 복사한 bucket website endpoint를 붙여넣습니다
붙여넣으면 'http://'는 자동으로 사라집니다

 

 

2-1. 대체 도메인 이름 항목 추가 필수!!
- 정상시 Route53 에서 Cloudfront 선택시 자동 조회됨.

 

 

 

3. ACM 에서 발급 받은 인증서를 설정해 줍니다. 

4. CloudFront 배포가 완료되면 curl 명령어로 리다이렉트가 잘 되는지 확인해봅니다. 

curl -i d1xfxqu93iu96k.cloudfront.net
HTTP/1.1 301 Moved Permanently
Content-Length: 0
Connection: keep-alive
Date: Wed, 05 Jul 2023 08:04:02 GMT
Location: https://naver.com/
Server: AmazonS3
X-Cache: Hit from cloudfront
Via: 1.1 b94a615d55ccab1b43dc5ac7105888c8.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: ICN54-C2
X-Amz-Cf-Id: padVxE6123771JnjjPRZHd5K4ciAl0jKrsC60OHKiKcg7ejmjsi4SA==
Age: 112

naver.com 으로 리다이렉트 되는것을 확인할 수 있습니다. 

 

[중요]

CloudFront와 Route53을 연결하기 위해서는 CloudFront의 대체 도매인이 필수로 필요합니다!(Route53이랑 같게 해주세요)

 

 

 

Route53 설정하기

cloudfront domain name으로만 접속이 가능했습니다
대체 도매인으로 설정한 URL을 Route53에 연결해서 사용이 가능하게 설정합니다

 

1.Route53에서 해당 host로 들어가서 Create record를 선택합니다
2.Record name을 CNAME과 동일하게 설정하고
Route traffic to에서 Cloudfront를 선택합니다.

3. sky-light.site -> naver로 리다이렉트 되는지 확인해 봅니다. 

curl -i sky-light.site
HTTP/1.1 301 Moved Permanently
Content-Length: 0
Connection: keep-alive
Date: Wed, 05 Jul 2023 08:04:02 GMT
Location: https://naver.com/
Server: AmazonS3
X-Cache: Hit from cloudfront
Via: 1.1 56e5c62550c9848ec17beba60a23c1ba.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: ICN54-C2
X-Amz-Cf-Id: 4AlrbRHeiEePXyuZnx2cuPazO5KZFizDP4SHrCe8rH3HljyUN2v5eg==
Age: 2485


curl -i https://sky-light.site
HTTP/1.1 301 Moved Permanently
Content-Length: 0
Connection: keep-alive
Date: Wed, 05 Jul 2023 08:04:02 GMT
Location: https://naver.com/
Server: AmazonS3
X-Cache: Hit from cloudfront
Via: 1.1 8304e6b9b00498b9f8ee20b5b7b609c0.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: ICN54-C2
X-Amz-Cf-Id: 7bOIn5dFB3BgQlqQwaOA5dkUlCiaTjceHZRpyHo7oyENMhdJaX_Qsw==
Age: 2679

naver.com으로 리다이렉트 되는것을 확인할 수 있습니다. 

 

리다이렉트를 통해 도메인 이전이나 트레픽 관리, 검색엔진 최적화 등을 할 수 있습니다. 

 

 

 

출처 : [AWS]S3 -CloudFront-Route53을 이용한 리다이렉트 (tistory.com)