Amplify 외부 도메인 연결 방법이 변경되어 다시 정리하게 되었습니다. 이번 포스팅에서는 AWS Amplify를 사용하여 외부 도메인을 연결하는 방법을 정리하겠습니다.
AWS Amplify를 사용하여 외부 도메인을 연결하는 방법을 알아봅니다.
이전에 외부 도메인 연결시 Route53을 사용하지 않고 외부 도메인 연결이 가능하였으나,
본 포스팅에서는 Route53을 사용하여 외부 도메인을 연결하는 방법을 정리하겠습니다.
우선 amplify 프로젝트를 생성하고 배포한 상태로 진행하겠습니다.
만약 AWS Amplify를 사용하여 프로젝트를 배포하는 방법이 처음이거나 아직 진행하지 않으셨다면 아래의 링크를 참고해주세요.
`AWS Amplify에서 Next.js 배포 및 환경변수 설정 방법`우선 AWS Management Console에 접속하여 Route53 서비스로 이동합니다.
Route53 대시보드
위 이미지에서 호스팅 영역 생성을 클릭합니다.
호스팅 영역 생성
호스팅 영역 생성 페이지에서 도메인 이름을 입력하고 생성합니다.
호스팅 영역을 생성하면 NS(Name Server), SOA(Start of Authority) 레코드가 생성됩니다.
NS(Name Server)는 도메인 이름을 IP 주소로 변환하는 DNS 서버의 주소를 가리키는 레코드입니다.
이 Route53 네임서버 레코드를 활용하여 외부 도메인의 네임서버 레코드를 변경하면 해당 도메인을 Route53으로 연결할 수 있습니다.
미리 생성된 두 레코드는 그대로 둡니다.
이제 NS(Name Server) 레코드를 확인하고 외부 도메인의 네임서버 레코드를 변경합니다.
구매한 도메인의 대시보드로 이동하면 네임서버를 변경할 수 있는 항목이 있습니다.
해당 항목에 Route53의 NS(Name Server) 레코드 4개를 입력하고 저장합니다.
이제 Route53에서 호스팅 영역을 생성하고 외부 도메인의 네임서버 레코드를 변경하였으므로 Amplify에서 도메인을 연결할 수 있습니다.
Amplify 대시보드로 이동하여 호스팅 -> 사용자 지정 도메인을 클릭합니다.
Amplify 사용자 지정 도메인
우측 상단의 도메인 추가 버튼을 클릭합니다.
인풋을 클릭하면 Route53에서 생성한 호스팅 영역이 나타납니다.
Route53을 사용하여 호스팅 영역을 생성하지 않았다면, 도메인 추가 Select에서 도메인이 나타나지 않습니다.
Route53을 설정했다면 해당 도메인을 선택하고 도메인 구성 버튼을 클릭 합니다.
다음과 같은 화면이 나타납니다.
Amplify 도메인 구성
A 레코드의 ip 주소가 변경될수 있으므로 CNAME 레코드를 사용하여 연결합니다. www 서브 도메인을 만들면 도메인 생성시 자동으로 Route53에 CNAME 레코드가 생성됩니다.
이제 구성이 끝나고 도메인 추가를 클릭하면 도메인 구성 페이지로 이동합니다.
Amplify 도메인 구성
이제 SSL 인증서가 자동으로 생성되고 도메인에 연결되었습니다.
이 과정은 시간이 조금 걸릴 수 있으니 잠시 기다리면, 도메인이 제대로 연결된 것을 확인할 수 있습니다.
하지만 아직 한 가지 더 설정해야 할 것이 있습니다.
다시 쓰기 및 리디렉션 설정을 통해 SEO 문제를 방지할 수 있습니다. 현재 www 서브 도메인이 설정되어 있기 때문에, 특별한 이유로 서브 도메인을 사용하지 않는 한 www 서브 도메인을 기본 도메인으로 리디렉트(301 리디렉션)하는 것이 좋습니다.
서브 도메인이 활성화된 상태에서 동일한 콘텐츠가 www.example.com과 example.com 두 가지 다른 URL에서 제공되면, 검색 엔진 크롤러는 이를 서로 다른 도메인으로 인식할 수 있습니다. 이렇게 되면 동일한 웹사이트가 중복 콘텐츠 문제를 야기할 수 있고, 이는 SEO에 부정적인 영향을 줄 수 있습니다.
따라서, 301 리디렉션을 통해 www.example.com에서 example.com으로 트래픽을 통합하여 검색 엔진에 일관된 신호를 보낼 수 있도록 설정하는 것이 좋습니다. 이를 통해 도메인의 권위가 분산되지 않도록 하고, 검색 엔진 최적화를 강화할 수 있습니다.
Amplify 대시보드로 이동하여 호스팅 -> 다시 쓰기 및 리디렉션을 클릭합니다.
Amplify 다시 쓰기 및 리디렉션
다시 쓰기 및 리디렉션 페이지에서 리디렉션 관리를 클릭합니다.
Amplify 리디렉션 관리
재작성 버튼을 클릭하여 리디렉션 설정을 추가합니다.
소스 주소(url)에 www.example.com 서브 도메인을 입력하고 대상 주소(url)에 example.com을 입력합니다.
형식에서 301(Redirect - Permanent)을 선택하고 추가합니다.
국가코드는 선택사항이므로 필요에 따라 설정합니다.
이제 저장 버튼을 클릭하여 설정을 저장합니다.
이제 www 서브 도메인을 example.com으로 리디렉션하는 설정이 완료되었습니다.
이제 Route53을 사용하여 외부 도메인을 연결하고, Amplify에서 사용자 지정 도메인을 설정하는 방법을 알아보았습니다.
이번 포스팅에서는 AWS Amplify를 사용하여 외부 도메인을 연결하는 방법을 정리하였습니다.
이전 기존 Amplify 외부 도메인 연결시 Route53 사용하지 않고 외부 도메인 연결이 가능하였으나, 현재는 Route53을 사용하여 연결해야 합니다.
이번 포스팅에서는 네임서버를 변경하여 Route53을 사용하여 외부 도메인을 연결하는 방법을 정리하였습니다.
만약, 네임 서버를 변경하지 않고 외부 도메인의 네임서버를 사용하여 연결하고 싶다면 아래 댓글로 달아주세요! 댓글로 달아주시면 해당 내용을 포스팅하도록 하겠습니다.
하지만, 정신 건강상 Route53을 사용하여 연결하는 것이 좋습니다...😅 (물론 Route53 비용은 발생하지만..)
Recode Log