Domaine Personnalisé hébergé sur le CDN Netlify

[Source](https://www.netlify.com/docs/custom-domains/ "Permalien vers Custom Domains | Netlify")

Résumé pour les geeks / Comment ça marche

Vous associez basiquement Netlify à un référentiel GitHub, et chaque fois qu’un push est produit sur une branche spécifique, Netlify lance toute commande qu'on lui demande de lancer et redéploie tout fichier qu’on lui demande de déployer.

Utilisation d'un domaine personnalisé

Vous pouvez utiliser votre propre domaine pour un site Netlify gratuit.

Un nom de domaine est l'URL ou l'adresse web où les visiteurs trouvent votre site.

Par défaut, n'importe quel site sur Netlify est accessible via son sous-domaine Netlify, qui a la forme `[nom-de-votre-site].netlify.com`. Par exemple, vous accéderiez à un site appelé `warrior-priscilla-50207` avec `warrior-priscilla-50207.netlify.com`.

Pour rendre un site accessible via un ou plusieurs nom de domaines "non-Netlify" (par exemple www.votrepropredomaine.com), vous devez ajouter de(s) domaine(s) personnalisé(s) à votre site comme décrit ci-dessous.

Étapes Générales

1. Ajoutez le domaine personnalisé à votre site. Netlify vérfiera le nom de domaine que vous entrez et vous proposera de vous vendre le domaine s'il est disponible. Si le domaine est chez un registrar externe, vous pouvez l'assigner à votre site Netlify. 1. Configurez votre fournisseur DNS pour pointer le domaine vers les serveurs Netlfiy (si le domaine est acheté chez un tiers). Les domaines achetés durant le flow du domaine personnalisé ne requièrent aucune configuration DNS supplémentaire. 1. Testez que votre site soit accessible via le domaine personnalisé. Il peut y avoir un délai le temps que les DNS se propagent.

Assigner un domaine personnalisé

Vous devez d'abord attribuer le domaine au site que vous souhaitez afficher avec Netlify.

Vous pouvez le faire via l'interface-utilisateur web en cliquant sur "Modifier le domaine" lors de l'affichage de votre site.


Vous pouvez aussi assigner les domaines à travers l’[outil CLI][2] avec la commande `netlify update`.

• • Nous recommandons vivement d'utiliser un domaine `www` au lieu d'un domaine apex (ex. www.exemple.com au lieu d'exemple.com**. À moins que votre fournisseur DNS ne supporte les enregistrements ANAME ou ALIAS pour le domaine apex, vous ne pourrez pas profiter pleinement du CDN à moins d'utiliser le préfixe **www** ou un sous-domaine similaire.

1. 1. Configuration DNS

Vous devrez pointer les enregistrements DNS du domaine sur les serveurs de Netlify. Avant de faire ça, lisez attentivement notre article sur la manière d’[utiliser les bons enregistrements DNS pour empêcher les attaques DDOS][3].

La méthode **recommandée** pour pointer votre domaine personnalisé vers les serveurs Netlify consiste à créer un enregistrement CNAME dans votre configuration DNS. Cet enregistrement sera un alias du sous-domaine de votre site sur Netlify. Par exemple, si mon domaine est `christopheducamp.com`, je crée un enregistrement CNAME pour `www` pointant `www.christopheducamp.com` vers `christopheducamp.netlify.com`.

Il y a deux options si vous voulez servir votre site Web à partir d'un domaine nu, sans le "www".

1. **Recommandée** : Utilisez un fournisseur de DNS qui prenne en charge les enregistrements ANAME ou ALIAS pour les domaines apex et aliasez votre domaine nu vers `www.netlify.com`. Nous recommandons d'utiliser [NS1] [4] à cette fin. 2. **Alternative** : Créez un enregistrement A pointant votre domaine nu vers l'IP de notre équilibreur de charge : `104.198.14.52`.

![Exemple d'enregistrements DNS][5][400px]

Selon votre fournisseur de DNS, les modifications apportées aux enregistrements DNS peuvent prendre plusieurs heures pour se propager, aussi soyez patient.

Tableau de bord du Domaine

1. 1. 1. *_Disponible pour les Plans Pro, Global et Open Source_

Netlify offre la possibilité de transférer la configuration DNS à Netlify avec votre tableau de bord de domaine.

• • Étape 1** : La première étape commence lorsque vous saisissez votre domaine dans notre formulaire. Cliquez sur le bouton permettant de gérer les besoins de votre domaine.

![domain-walkthrough][6]

• • Étape 2** : Une fois que vous avez connecté votre domaine, l'étape finale consiste à basculer les serveurs de noms de votre hôte de domaine vers nos serveurs de noms NS1 personnalisés, que nous fournissons dans la section des instructions du panneau.

![Instructions de domaines][7]

Chaque domaine est différent, voici des liens pour savoir comment modifier vos serveurs de noms sur [Hover][8] et [GoDaddy][9].

• • Note** : Si vous avez précédemment [attribué un domaine personnalisé][10] à Netlify, vous devrez supprimer les enregistrements A et CNAME précédemment créés chez votre fournisseur DNS afin d'éviter les conflits DNS.

1. 1. Formulaire Domain Records

1. 1. 1. *_Uniquement disponible dans le [Tableau de bord Domaine][11]_

Le formulaire "Domain Records" (Enregistrement de domaines) vous permet d'ajouter n'importe quel type d'enregistrement standard et de définir des valeurs personnalisées, TTL et Priorité. Rappelez-vous que cela peut prendre jusqu'à quelques heures pour que tout fonctionne correctement.

![dns-records][12]

1. 1. Sous-domaines Branches

1. 1. 1. *_Disponible uniquement dans le [Tableau de bord de sous-domaine][11]_

Dans le tableau de bord Netlify peut automatiquement transformer vos branches déployées en ses propres sous-domaines.

Par exemple: si vous avez une branche nommée "staging", vous pouvez la voir sur staging.exemple.com. Utilisez la touche ➕ dans la liste pour activer une branche déployée comme sous-domaine.

![sous-domaine][13]

Un sous-domaine peut être supprimé en cliquant sur le bouton rouge "remove" dans votre liste d'enregistrements DNS ci-dessous.

![subdomain-record][14]

1. 1. Domaines nus ?

Vous pouvez utiliser des domaines nus avec Netlify, mais nous vous recommandons d'utiliser la version avec **www** du domaine (ex. www.exemple.com) pour votre site. Cela facilite la mise à profit du puissant CDN de Netlify.

Si vous préférez le domaine nu, nous vous recommandons d'utiliser un fournisseur DNS prenant en charge les enregistrements ANAME ou ALIAS pour les domaines apex tels que [DNSimple][15] ou [DNS Made Easy][16]. Si vous définissez un enregistrement A pour le domaine apex, vous ne pourrez pas profiter du CDN complet Netlify. Si votre fournisseur vous permet de définir un ALIAS, le CDN complet fonctionnera. Sinon, vos actifs (Javascript, CSS, images) seront servis à partir d'un CDN mondial, mais votre HTML sera servi à partir de notre datacenter principal aux États-Unis.

1. 1. Redirections de domaine

Nous configurerons automatiquement les redirections pour le domaine alternatif au domaine principal. Donc, si vous utilisez `www.exemple.com`, nous allons configurer` exemple.com` pour effectuer une redirection 301 vers le domaine `www`. Si vous affectez le domaine nu à votre site, nous redirigons dans la direction opposée.

Nous ne redirigeons automatiquement qu'entre le domaine racine et www. Pas d'autres sous-domaines.

1. 1. Alias de domaine

Selon votre plan, vous pouvez configurer des alias de domaine pour votre domaine, de sorte que le même site sera rendu sur plusieurs domaines différents.

Vous pouvez utiliser des alias de domaine avec [rewrite et redirect][17] pour rediriger ou réécrire en fonction du domaine actuel du site.

[1]: https://cdn.netlify.com/8b46204eb4dd33a0994f631c4123fe786678d898/a0544/img/blog/set-custom-domain.jpg [2]: https://www.netlify.com#command-line-tools [3]: https://www.netlify.com/blog/2016/01/12/ddos-attacks-and-dns-records [4]: https://ns1.com [5]: https://cdn.netlify.com/8e9bc435c9b1cd666773a09aace25c85ccca5df7/64e3a/img/blog/dns-records.png [6]: https://cdn.netlify.com/ac7c8f649d35cc341d89dcdde48b54837e3ce7d9/1db80/img/blog/domain-walk.gif [7]: https://cdn.netlify.com/156dd96b058a3e71dc780969cce2e0f0afe1457d/49cf3/img/blog/highlighted-instructions.png [8]: https://help.hover.com/hc/en-us/articles/217282477-How-to-Change-your-domain-name-servers-DNS-servers-Updated-March-2016- [9]: https://www.godaddy.com/help/change-nameservers-for-my-domains-664 [10]: https://www.netlify.com#assigning-the-domain [11]: https://www.netlify.com#domain-dashboard [12]: https://cdn.netlify.com/779fb7514a5bef34cbe27c3e339c24a8f66d1173/10a7a/img/blog/new-dns-records.png [13]: https://cdn.netlify.com/6b0edee2a4881fe28be42d16463dfaa429fe9022/69197/img/blog/subdomain.png [14]: https://cdn.netlify.com/24ac93b97f65eed731c53cf7bc80d9faeb68bc25/c9963/img/blog/subdomain-record.png [15]: https://dnsimple.com/ [16]: http://www.dnsmadeeasy.com/aname-records/ [17]: https://www.netlify.com#redirects

---