Azure Static Web Apps에서 사용자 지정 도메인 설정

기본적으로 Azure Static Web Apps는 웹 사이트에 대해 자동 생성된 도메인 이름을 제공하지만 사이트에 대한 사용자 지정 도메인을 가리킬 수 있습니다. 무료 SSL/TLS 인증서는 자동 생성 도메인 이름과 추가할 수 있는 모든 사용자 지정 도메인에 대해 자동으로 생성됩니다. 이 문서에서는 외부 공급자를 사용하여 www 하위 도메인으로 도메인 이름을 구성하는 방법을 보여 줍니다.

참고 항목

Static Web Apps는 온-프레미스에서 호스트되는 프라이빗 DNS 서버를 통한 사용자 지정 도메인의 설정을 지원하지 않습니다. Azure 프라이빗 DNS 영역을 사용하는 것이 좋습니다.

필수 조건

  • 어떻게 apex 도메인을 지원할지 고려합니다. 하위 도메인이 없는 도메인 이름을 apex 루트 도메인이라고 합니다. 예를 들어 www.example.com 도메인은 example.com apex 도메인과 조인된 www 하위 도메인입니다.

  • ALIAS 또는 ANAME 레코드를 구성하거나 CNAME를 평면화하여 apex 도메인을 만듭니다. GoDaddy 및 Google과 같은 일부 도메인 등록 기관은 이러한 DNS 레코드를 지원하지 않습니다. 도메인 등록 기관이 필요한 모든 DNS 레코드를 지원하지 않는 경우 Azure DNS를 사용하여 도메인을 구성하는 것을 고려해 보세요.

참고 항목

도메인 등록 기관에서 특수 DNS 레코드를 지원하지 않고 Azure DNS를 사용하지 않으려는 경우 apex 도메인을 www 하위 도메인으로 전달할 수 있습니다. 자세한 내용은 Azure Static Web Apps apex 도메인 설정을 참조하세요.

비디오 보기

정적 웹앱 URL 가져오기

  1. Azure Portal로 이동합니다.

  2. 정적 웹앱으로 이동합니다.

  3. 개요 창에서 사이트의 생성된 URL을 복사하고 나중에 사용할 수 있도록 텍스트 편집기에 따로 보관해 둡니다.

도메인 등록 기관 계정에 대한 CNAME 레코드 만들기

도메인 등록 기관은 도메인 이름을 구매하고 관리하는 데 사용할 수 있는 서비스입니다. 일반적인 공급자로는 GoDaddy, Namecheap, Google, Tucows 등이 있습니다.

  1. 새 브라우저 탭을 열고 도메인 등록 기관 계정에 로그인합니다.

  2. 도메인 이름의 DNS 구성 설정으로 이동합니다.

  3. 다음 값을 사용하여 새 CNAME 레코드를 추가합니다.

    설정
    유형 CNAME
    Host 하위 도메인(예: www)
    텍스트 편집기에서 따로 보관해 둔 도메인 이름을 붙여 넣습니다.
    TTL(적용 가능한 경우) 기본값으로 둡니다.

Azure Static Web Apps에서 CNAME 레코드 만들기

  1. Azure Portal에서 정적 웹앱으로 돌아갑니다.

  2. 설정에서 사용자 지정 도메인>+ 추가를 선택합니다. 다른 DNS에 대한 사용자 지정 도메인을 선택합니다.

  3. + 추가를 선택합니다.

  4. 도메인 입력 탭에서 접두사가 www인 도메인 이름을 입력하고, 다음을 선택합니다.

    예를 들어 도메인 이름이 example.com인 경우 www.example.com을 입력합니다. Screenshot showing sequence of steps in add custom domain form.

  5. 유효성 검사 + 구성 탭에서 다음 값을 입력합니다.

    설정
    도메인 이름 이 값은 이전 단계에서 입력한 도메인 이름(www 하위 도메인 포함)과 일치해야 합니다.
    호스트 이름 레코드 종류 CNAME을 선택합니다.
  6. 추가를 선택합니다.

    Azure는 CNAME 레코드를 만들고 DNS 설정을 업데이트합니다. DNS 설정을 전파해야 하므로 이 프로세스를 완료하려면 최대 1시간 이상 걸릴 수 있습니다.

  7. 업데이트가 완료되면 새 브라우저 탭을 열고 하위 도메인이 www인 도메인으로 이동합니다.

    브라우저에 정적 웹앱이 표시되어야 합니다. 또한 https를 사용하여 사이트가 안전하게 제공되는지 확인하기 위해 위치를 검사합니다.

다음 단계