🌐 AWS 배포 | 도메인 구매 후 aws S3 버킷과 연결하기

 

 

 

 

 

🤔 Route 53이란 무엇일까?

아마존에서 제공하는 Domain Name System 웹서비스이다. 웹 페이지에 도메인을 붙여주는 서비스로, 사용자의 요청을 ec2, elastic load balancing 로드 밸런서, s3 버킷 등 aws에서 실행되는 인프라에 연결할 수 있도록 도와준다. 나는 S3버킷과 연결을 해야 하기 때문에 이 서비스를 이용하기로 했다.

 

나는 가비아에서 도메인을 구매했지만, route 53에서도 도메인 구매 서비스도 제공한다. 

 

내가 할 일은 

1. example.com 도메인 이름 등록

2. Amazon S3버킷을 만들고 웹 사이트를 호스팅하도록 버킷을 구성

 

이 두 가지이다. 성공했을 시에는 브라우저를 열고 도메인 이름을 입력하였을 때, 호스팅한 웹페이지가 잘 렌더링 되어야 한다. 

 

 

 

 

---

실습하기 

 

1단계 : 도메인 등록하기 

나는 가비아에서 도메인 구매를 하였다. 도메인을 구매할 때 TLD(top-level domain)을 많이 고민했다. 

.biz : 사업
.com : 영리 목적의 기업이나 단체 .co.국가로 쓰기도 한다.(co.kr 등)
.edu : 미국의 4년제 이상 교육기관
.info : 정보 관련
.jobs : 취업 관련 사이트
.name : 개인 사용자
.net : 네트워크를 관리하는 기관
.org : 비영리 기관

 

이 외에도 굉장히 많은 최상위 도메인이 있다. 나는 .me를 선택했는데 .me는 몬테네그로의 국가 도메인이다. me의 의미('나') 때문에 .name처럼 개인적 용도의 웹사이트를 만들 때 많이 사용한다고 한다. (포트폴리오 사이트)

 

도메인 등록을 성공적으로 했다면, 

 

 

2단계 : S3 버킷을 생성하고 웹 사이트를 호스팅하도록 구성

S3를 사용하면 버킷에 정적 웹 사이트를 호스팅할 수 있다.

 

Create bucket을 눌러 버킷을 생성하는데, Bucket의 이름은 반드시 도메인 이름과 같게 입력해야 한다. (example.com => 버킷 이름)

 

 

리전은 가장 가까운 지역을 선택해준다. 

 

모든 퍼블릭 액세스 차단을 비활성화시킨다. (체크 취소) 

 

 

 

 

 

그 다음부터는 기본 설정으로 둔 후, 버킷 생성을 한다.

 

 

생성된 버킷을 클릭하고, 속성 탭을 클릭힌다. 

 

가장 하단에 정적 웹 사이트 호스팅 편집을 누르고, 웹 사이트 호스팅을 활성화해준다. 

 

 

인덱스 문서에는 웹 사이트에 처음 들어갔을 때 렌더링되는 html 파일을 적어주고, 오류 문서에는 error.html 등 에러시 보여줄 페이지를 적어준다. 

 

나는 따로 아직 error.html 파일을 생성하지 않아서 그냥 index.html 파일을 적어주었다. 다 되었다면 변경사항 저장을 누른다. 

 

 

이제 권한 탭에 들어가서 버킷 정책을 생성해줘야하는데,  버킷 정책 > 편집을 선택하고 정책 생성기를 클릭한다. 

 

 

 

Step 1 : Select Policy Type에서 s3 정책을 생성할 것이기 때문에 S3를 선택한다. 

 

 

Step 2 : Add Statement(S)

위와 같이 설정을 하는데, ARN 부분은 arn:aws:s3:::your-domain-name/* 이렇게 작성해준다. 

그리고 정책 생성을 클릭하고, 정책 설정 부분에 붙여넣어준다. 

 

 

 

 

3단계(선택사항) : www 용 다른 s3 버킷을 생성한다. 사용자 도메인 이름

이 부분은 선택사항이다. example.com 에서 www.example.com으로  리디렉션을 설정해줄 수 있다. 

 

 

 

4단계 : 웹 사이트를 만들어 S3 버킷에 업로드한다. 

파일들을 업로드 시켜준다. 

 

리액트의 경우 build를 실행시킨 후 build폴더 안에 있는 파일들을 업로드하면 된다. 

 

 

 

 

5단계 : 도메인 DNS 트래픽을 웹 사이트 버킷으로 라우팅 

이제 Route 53 을 연다. 

 

Route 53에서 도메인을 구매할 경우에는 자동으로 호스팅 영역에 생긴다. 하지만 따로 도메인을 구매할 경우에는 호스팅 영역을 생성해주어야 한다. 

 

구매한 도메인 이름을 적고, 설명은 간단하게 작성하고 호스팅 영역 생성을 해준다. 생성한 호스팅 영역에 들어가서 NS 레코드의 값들을 가비아에 적어주어야 한다.  

 

4개 모두 하나씩 네임서버 설정에서 1차, 2차, 3차, 4차 칸에 각각 적어준다. (네임서버를 가비아가 아니라 aws로 이동시키는 작업)

 

 

 

이제 호스팅영역 세팅을 완료하였다면 레코드를 생성해준다. 

✔️ 단순 라우팅 선택 

✔️ 별칭 선택 

✔️ 레코드 유형 : A - IPv4 주소 및 일부 AWS 리소스로...

✔️ 대상 상태 평가 선택 

마지막으로 위와 같이 설정을 해주고 연결할 S3 버킷을 선택한 후 레코드 생성을 해준다. 

 

 

6단계 : 웹 사이트 테스트

마지막은 구매한 도메인으로 들어갔을 때 페이지가 올바로 작동하는지 확인하는 단계이다. 

http://your-domain-name

 

index.html 파일이 잘 렌더링 된다면 성공!!!

 

 

 

( + 만약 페이지가 나오지 않는다면 캐시를 지워보고 다시 하면 된다)

---

 

 

 

 

 

 

 

 

 

 

 

 

[참고자료]

https://www.gabia.com/ad.php?ad=AD-0026953

Amazon Route 53 - Amazon Web Services