Configurer un domaine personnalisé dans Azure Static Web Apps

Par défaut, Azure Static Web Apps fournit un nom de domaine généré automatiquement pour votre site web, mais vous pouvez faire pointer un domaine personnalisé vers votre site. Des certificats SSL/TLS gratuits sont automatiquement créés pour le nom de domaine généré automatiquement et tous les domaines personnalisés que vous ajoutez potentiellement. Cet article montre comment configurer votre nom de domaine avec le sous-domaine www en utilisant un fournisseur externe.

Remarque

Static Web Apps ne prend pas en charge la configuration d’un domaine personnalisé avec un serveur DNS privé qui est hébergé localement. Envisagez d’utiliser une zone de DNS privé Azure.

Prérequis

• Réfléchissez à la façon dont vous souhaitez prendre en charge votre domaine apex. Les domaines sans nom de sous-domaine sont appelés domaines racines apex. Par exemple, le domaine www.example.com est le www sous-domaine joint au domaine apex example.com.

• Vous créez un domaine apex en configurant un enregistrement ALIAS ou ANAME, ou en aplatissant CNAME. Certains registrars de domaine, tels que GoDaddy et Google, ne prennent pas en charge ces enregistrements DNS. Si votre bureau d’enregistrement de domaines ne prend pas en charge tous les enregistrements DNS dont vous avez besoin, envisagez d’utiliser Azure DNS pour configurer votre domaine.

Remarque

Si votre bureau d’enregistrement de domaines ne prend pas en charge les enregistrements DNS spécialisés et que vous ne souhaitez pas utiliser Azure DNS, vous pouvez transférer votre domaine apex vers le sous-domaine www. Pour plus d’informations, consultez Configurer un domaine apex dans Azure Static Web Apps.

Regarder la vidéo

Obtenir l’URL de votre application web statique

1. Accédez au portail Azure.

2. Accédez à votre application web statique.

3. À partir de la fenêtre Vue d’ensemble, copiez l’URL générée de votre site et copiez-la dans un éditeur de texte pour une utilisation ultérieure.

Créer un enregistrement CNAME sur votre compte de bureau d’enregistrement de domaines

Les registrars de domaine sont les services que vous pouvez utiliser pour acheter et gérer des noms de domaine. Les fournisseurs courants sont GoDaddy, Namecheap, Google, Tucows et d’autres.

1. Ouvrez un nouvel onglet de navigateur et connectez-vous à votre compte de bureau d’enregistrement de domaine.

2. Accédez aux paramètres de configuration DNS de votre nom de domaine.

3. Ajoutez un nouvel enregistrement CNAME avec les valeurs suivantes.

   Paramètre	Valeur
   Type	CNAME
   Host	Votre sous-domaine, par exemple www.
   Valeur	Collez le nom de domaine que vous avez mis de côté dans l’éditeur de texte.
   TTL (le cas échéant)	Laissez la valeur par défaut.

Créer un enregistrement CNAME dans Azure Static Web Apps

1. Revenez à votre application web statique dans le portail Azure.

2. Sous Paramètres, sélectionnez Domaines personnalisés>+ Ajouter. Sélectionnez Domaine personnalisé sur un autre DNS.

3. Sélectionnez Ajouter.

4. Sous l’onglet Entrer un domaine, entrez votre nom de domaine avec le préfixe www, puis sélectionnez Suivant.

   Par exemple, si votre nom de domaine est example.com, entrez www.example.com.

5. Sous l’onglet Vérifier + configurer, entrez les valeurs suivantes.

   Paramètre	Valeur
   Nom de domaine	Cette valeur doit correspondre au nom de domaine que vous avez entré à l’étape précédente (avec le sous-domaine www).
   Type d’enregistrement du nom d’hôte	Sélectionnez CNAME.

6. Sélectionnez Ajouter.

   Azure crée votre enregistrement CNAME et met à jour les paramètres DNS. Étant donné que les paramètres DNS doivent se propager, ce processus peut prendre jusqu’à une heure ou plus.

7. Une fois la mise à jour terminée, ouvrez un nouvel onglet de navigateur et accédez à votre domaine avec le sous-domaine www.

   Vous voyez normalement votre application web statique dans le navigateur. Inspectez aussi l’emplacement pour vérifier que l’accès à votre site est sécurisé avec https.

Étapes suivantes

Configurer le domaine apex