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.

Nota:

Static Web Apps no admite la configuración de un dominio personalizado con un servidor DNS privado hospedado localmente. Considere la posibilidad de usar una zona DNS privada de Azure.

Requisitos previos

• Tenga en cuenta cómo desea admitir el dominio de vértice. Los nombres de dominio sin un subdominio se conocen como dominios de vértice o raíz. Por ejemplo, el dominio www.example.com es el subdominio www unido al dominio de vértice example.com.

• Para crear un dominio de vértice, configure un registro ALIAS o ANAME o aplane CNAME. Algunos registradores de dominios, como GoDaddy y Google, no admiten estos registros DNS. Si el registrador de dominios no admite todos los registros DNS que necesita, considere la posibilidad de usar Azure DNS para configurar el dominio.

Nota:

Si el registrador de dominios no admite registros DNS especializados y no desea usar Azure DNS, puede reenviar el dominio de vértice al subdominio www. Para más información, consulte Configuración de un dominio de vértice en Azure Static Web Apps.

Ver el 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 los servicios que le permiten comprar y administrar nombres de dominio. Entre los proveedores comunes se incluyen GoDaddy, Namecheap, Google, Tucows, entre otros.

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
   Value	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 configurar, 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 crea el registro CNAME y actualiza la configuración de DNS. Dado que la configuración de DNS debe propagarse, este proceso puede tardar hasta una hora o más en completarse.

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. Además, inspeccione la ubicación para comprobar que el sitio se sirve de forma segura mediante https.

Pasos siguientes

Configuración del dominio de vértice