Azure Static Web Apps에서 Azure DNS로 사용자 지정 도메인 설정
기본적으로 Azure Static Web Apps는 웹 사이트에 대해 자동 생성된 도메인 이름을 제공하지만 사이트에 대한 사용자 지정 도메인을 가리킬 수 있습니다. 무료 SSL/TLS 인증서는 자동 생성 도메인 이름과 추가할 수 있는 모든 사용자 지정 도메인에 대해 자동으로 만들어집니다.
이 가이드는 www 하위 도메인으로 도메인 이름을 구성하는 방법을 보여 줍니다. 이 프로시저가 완료되면 apex 도메인을 설정할 수 있습니다.
다음 프로시저에서는 만든 Azure DNS 영역과 기존 정적 웹앱에서 설정을 복사해야 합니다. 두 서비스 간에 더 쉽게 전환할 수 있도록 서로 다른 두 창에서 Azure Portal을 여는 것이 좋습니다.
필수 조건
- 사용자 지정 도메인
- 기존 Azure DNS 영역
- 아직 없는 경우 Azure DNS에 도메인 위임을 참조하세요.
웹 사이트에 도메인 매핑
Azure에서 DNS를 관리하도록 도메인이 구성되었으므로 이제 DNS 영역을 정적 웹앱에 연결할 수 있습니다.
정적 웹앱 URL 가져오기
Azure Portal을 엽니다.
정적 웹앱으로 이동합니다.
개요 창에서 사이트의 생성된 URL을 복사하고 나중에 사용할 수 있도록 텍스트 편집기에 따로 보관해 둡니다.
Azure DNS에서 DNS 레코드 만들기
Azure Portal에서 만든 DNS 영역으로 돌아갑니다.
+ 레코드 집합을 선택합니다.
레코드 집합 추가 창에 다음 값을 입력합니다.
설정 속성 이름 www 입력 Type CNAME - 하위 도메인을 다른 계정에 연결을 선택합니다. 별칭 레코드 집합 아니오를 선택합니다. TTL 기본값을 유지합니다. TTL 단위 기본값을 유지합니다. Alias 이전 단계에서 별도로 설정한 Static Web Apps 생성 URL을 붙여넣습니다. URL에서 https://접두사를 제거해야 합니다.또한 별칭 레코드 집합에 대해 예를 선택하고 URL을 명시적으로 제공하는 대신 정적 웹앱을 선택하여 DNS 레코드 현수 방지와 같은 별칭 레코드 집합을 활용할 수 있습니다.
확인을 선택합니다.
정적 웹앱 사용자 지정 도메인 구성
포털에서 정적 웹앱으로 돌아갑니다.
설정에서 사용자 지정 도메인을 선택합니다.
+ 추가를 선택합니다.
하위 도메인 상자에 하위 도메인 이름(예:, www)을 입력합니다. 그러면 전체 도메인 필드에 하위 도메인을 포함한 사용자 지정 도메인 이름이 표시됩니다.
참고 항목
도메인을 Azure DNS에 위임하고 사용자 지정 도메인을 구성할 때 Azure DNS에 사용자 지정 도메인 추가를 선택한 경우 Azure DNS 영역을 선택할 수 있는 옵션이 제공됩니다. 추가를 선택하면 다음 단계가 자동으로 수행됩니다.
다음을 선택합니다.
유효성 검사 + 추가 탭에서 다음 값을 입력합니다.
설정 값 도메인 이름 이 값은 이전 단계에서 입력한 도메인 이름( www하위 도메인 포함)과 일치해야 합니다.호스트 이름 레코드 종류 CNAME을 선택합니다. 추가를 선택합니다.
작업이 유효하지 않다는 오류가 표시되면 5분 정도 기다린 후 다시 시도합니다.
새 브라우저 탭을 열고
www하위 도메인이 있는 도메인으로 이동합니다.DNS 레코드가 업데이트되면 브라우저에 정적 웹앱이 표시되어야 합니다. 또한
https를 사용하여 사이트가 안전하게 제공되는지 확인하기 위해 위치를 검사합니다.