Configuración de un dominio personalizado en Azure Static Web Apps

De manera predeterminada, Azure Static Web Apps proporciona un nombre de dominio generado automáticamente para el sitio web, pero puede apuntar un dominio personalizado a su sitio. Los certificados SSL/TLS gratuitos se crean automáticamente para el nombre de dominio generado automáticamente y los dominios personalizados que pueda agregar. En este artículo se muestra cómo configurar el nombre de dominio con el subdominio www mediante un proveedor externo.

Hay varios métodos de configuración de un dominio personalizado para su uso con Static Web Apps:

• Si usa un dominio de vértice (un dominio sin un subdominio, también conocido como dominio raíz), consulte Configuración de un dominio de vértice personalizado en Static Web Apps.
• Si usa Azure DNS, consulte Configuración de un dominio personalizado con Azure DNS o Configuración de un dominio de vértice personalizado con Azure DNS.

Requisitos previos

• Debe poder crear un registro CNAME en el dominio DNS mediante las herramientas que proporciona el servicio DNS o el registrador de dominios.

Visualización del vídeo

Obtención de la aplicación web estática

1. Vaya a Azure Portal.

2. Vaya a la aplicación web estática.

3. En la ventana Información general, copie la dirección URL generada del sitio y resérvela en un editor de texto para su uso futuro.

Creación de un registro CNAME en la cuenta de registrador de dominios

Los registradores de dominios son servicios que le permiten comprar y administrar nombres de dominio. Para encontrar un registrador de dominios, consulte la lista de registradores acreditados de ICANN.

1. Abra una nueva pestaña del explorador e inicie sesión en su cuenta de registrador de dominios.

2. Vaya a la configuración de DNS del nombre de dominio.

3. Agregue un nuevo registro CNAME con los siguientes valores.

   Configuración	Value
   Tipo	CNAME
   Host	Su subdominio, como www
   Valor	Pegue el nombre de dominio que ha reservado en el editor de texto.
   TTL (si corresponde)	Deje el valor predeterminado.

Creación de un registro CNAME en Azure Static Web Apps

1. Vuelva a la aplicación web estática en Azure Portal.

2. En Configuración, seleccione Dominios personalizados>+ Agregar. Seleccione Dominio personalizado en otro DNS.

3. Seleccione +Agregar.

4. En la pestaña Introducir dominio, escriba el nombre de dominio con el prefijo www y, después, seleccione Siguiente.

   Por ejemplo, si el nombre de dominio es example.com, escriba www.example.com.

5. En la pestaña Validar y agregar, escriba los valores siguientes.

   Configuración	Valor
   Nombre de dominio	Este valor debe coincidir con el nombre de dominio que escribió en el paso anterior (con el subdominio www).
   Tipo de registro del nombre de host	Seleccione CNAME. .

6. Seleccione Agregar.

   Azure valida que el registro CNAME se haya creado correctamente y esté disponible en el sistema DNS global. La propagación depende del período de vida (TTL) del dominio y puede tardar varios días. Si se produce un error en la validación, vuelva a agregar el dominio personalizado más adelante.

7. Cuando se completa la actualización, abra una nueva pestaña del explorador y vaya al dominio con el subdominio www.

   Debería ver la aplicación web estática en el explorador. Inspeccione la ubicación para comprobar que el sitio se sirve de forma segura mediante https.