Configurer un domaine personnalisé avec Azure DNS dans Azure Static Web Apps

Par défaut, Azure Static Web Apps fournit un nom de domaine généré automatiquement à votre site web, mais vous pouvez faire pointer un domaine personnalisé vers votre site. Des certificats SSL/TLS gratuits sont créés automatiquement pour le nom de domaine généré automatiquement et tous les domaines personnalisés que vous pouvez ajouter.

Supposons que vous achetez le domaine example.com auprès d’un bureau d’enregistrement de noms de domaine, puis que vous créez une zone portant le nom example.com dans Azure DNS. Vous souhaitez que www.example.com pointe vers votre site Static Web Apps.

• Si vous utilisez un domaine apex (un domaine sans sous-domaine, également appelé domaine racine), consultez Configurer un domaine apex personnalisé avec Azure DNS.
• Si vous utilisez un fournisseur DNS externe, consultez Configurer un domaine personnalisé avec un DNS externe ou Configurer un domaine apex personnalisé avec un DNS externe.

Prérequis

• Domaine acheté auprès d’un bureau d’enregistrement de noms de domaine et hébergé sur Azure DNS. Pour plus d’informations, consultez Déléguer votre domaine à Azure DNS.

Mapper le domaine à votre site web

Maintenant que votre domaine est hébergé sur Azure DNS, vous pouvez créer un enregistrement CNAME pour que www.<your domain> pointe vers votre application web statique.

1. Connectez-vous au portail Azure.

2. Entrez le nom de votre application web statique dans la barre de recherche supérieure ou recherchez l’application web statique dans vos ressources.

3. Sous Paramètres, sélectionnez Domaines personnalisés.

4. Sélectionnez + Ajouter, puis sélectionnez Domaine personnalisé sur Azure DNS.

5. Entrez les valeurs suivantes dans la fenêtre Ajouter un domaine personnalisé sur Azure DNS.

   Nom du champ	Valeur
   Zone DNS	Sélectionnez le nom de votre domaine hébergé sur Azure DNS
   Sous-domaine	www

   Le domaine complet est mis à jour et doit correspondre au nom de domaine personnalisé souhaité.

6. Sélectionnez Ajouter

Static Web Apps apporte les ajustements nécessaires à la zone DNS (y compris l’ajout d’un CNAME), puis vérifie que les modifications sont disponibles dans le système DNS global.

Avertissement

Si vous recevez le message Enregistrement CNAME non valide, vérifiez auprès de votre bureau d’enregistrement DNS que votre zone DNS répertorie les services DNS Microsoft. Si vous avez récemment déplacé le domaine vers Azure DNS, vous devrez peut-être attendre la propagation DNS avant d’ajouter le domaine personnalisé.

Valider le domaine personnalisé

La propagation des modifications DNS peut prendre un certain temps. Le délai par défaut d’Azure DNS est de 1 heure.

Ouvrez un nouveau navigateur et accédez à votre domaine (par exemple, https://www.example.com). Inspectez l’emplacement pour vérifier que l’accès à votre site est sécurisé avec https.