Tutoriel - Comment créer un nom de domaine en local ?

L'ensemble des tutoriels est soumis à la licence CC BY-NC-SA 3.0 (Code Juridique).
Vous êtes donc libre de remixer et partager l'oeuvre aux conditions de l'attribuer (lien vers cette page), de ne pas l'utiliser à des fins commerciales, et de la partager avec une licence identique ou similaire.

Nous allons voir comment créer un NDD (Nom De Domaine) en local.
Dans mon exemple, je vous expliquerez en utilisant WampServer, mais ceci est normalement fonctionnel avec tout les logiciels similaires sur Windows.

---

Introduction


Pour créer un nom de domaine en local, nous allons avoir besoin de configurer Apache et Windows.

Testé avec WampServer, mais normalement compatible avec les autres logiciels similaires.



Explication


Quel est l'avantage de créer un nom de domaine en local ?

Pour certains, c'est pour l'apparence.

Mais pour d'autres, cela peut être nécessaire car vous utiliser des liens depuis la racine (pour l'URL Rewriting par exemple).

Un lien menant vers "/Contact" va chercher à la racine de votre site.

Et donc si vous n'utilisez pas un nom de domaine, la page ira cherché dans les "www" du logiciel (pour Wampserver), et donc en dehors de votre site.

Il y a plein d'autres raisons de vouloir créer un nom de domaine en local.



Procédure


Objectif


Nous allons donc prendre l'exemple de créer un nom de domaine :

• Vers un dossier de "www"" : On prendra le nom de domaine "site-local.dev"
• Puis vers alias (bien plus pratique pour les habitués de ces logiciels) : On prendra le nom de domaine "site-local-alias.dev"

Rappel


J'utilise pour cet exemple WampServer, et Windows.

Mais comme dis plus haut, la technique est normalement compatible avec les logiciels similaires (mais sur Windows, pour Mac et linux, de ce que j'ai compris, c'est un peu différent).



Configurer le hosts (Windows)


Pour savoir ce qu'est le fichier hosts, vous pouvez aller voir ce tutoriel : /Tutoriel-2/Le-fichier-hosts


Ouvrez le fichier suivant : "C:\Windows\System32\drivers\etc\hosts"


Rajoutez-y les lignes suivantes :

127.0.0.1 site-local.dev 127.0.0.1 site-local-alias.dev


Puis enregistrer.

Voir ce tutoriel si vous rencontrez des difficultés à modifier ce fichier.


Configurer Apache


Ouvrez le fichier suivant (avec un éditeur de texte) : "P:\WampServer\bin\apache\apacheXX.XX.XX\conf\httpd.conf"

Vous pouvez avoir un chemin différent, tout dépends de l'endroit où est installé Wamp. Pour la plupart des personnes, vous avez installé Wamp dans "C:\wamp\" ; dans ce cas le chemin est :
"C:\wamp\bin\apache\apacheXX.XX.XX\conf\httpd.conf"


Trouvez-y la ligne contenant :

# Virtual hosts #Include conf/extra/httpd-vhosts.conf

Sur ma version de WampServer, elle se trouve ligne 466.


Remplacez là par :

# Virtual hosts Include conf/extra/httpd-vhosts.conf

(Vous décommentez donc la ligne "Include")


Enregistrez le fichier, et fermer le.


Répertoire Alias


Rendez-vous maintenant dans le répertoire alias :

"P:\WampServer\alias\"
Ou "C:\wamp\alias\"
Ou ... (cela dépends de votre installation, comme dis plus haut).


Créez-y maintenant un fichier nommé : "site-local.dev.conf".


Insérez dans ce fichier ceci :

NameVirtualHost site-local.dev <VirtualHost site-local.dev> DocumentRoot P:/WampServer/www/site-local/ ServerName site-local.dev </VirtualHost>

J'ai considéré ici que ce domaine aurait pour répertoire "site-local".


Remarques :

• Attention à bien mettre des slashs, et non des anti-slashs
• J'ai mis "P:/WampServer", c'est bien entendu à modifier selon votre répertoire d'installation
• Si vous remarquez plus tard que le nom de domaine ne fonctionne pas, ajoutez les guillemets dans le chemin :
  DocumentRoot "P:/WampServer/www/site-local/"

Maintenant, à peu près pareil, créons le nom de domaine pour l'alias.

Créer un fichier "site-local-alias.dev.conf" et mettez lui ceci :

NameVirtualHost site-local-alias.dev <VirtualHost site-local-alias.dev> DocumentRoot "P:/En Cours/Web/site-local-alias/" ServerName site-local-alias.dev </VirtualHost>


Remarques :

• Ici bien mettre les guillemets au chemin. Si vous voyez plus tard que ça ne fonctionne pas, vous pouvez essayer de les enlever.
• Attention a bien avoir auparavant créer l'alias du dossier site-local-alias !

Pour créer l'alias, vous devez créer un nouveau fichier "site-local-alias.conf" et y mettre :

Alias /site-local-alias "P:\En Cours\Web\site-local-alias" <Directory "P:\En Cours\Web\site-local-alias"> Options Indexes FollowSymLinks MultiViews AllowOverride all Order Deny,Allow Deny from all Allow from 127.0.0.1 </Directory>


Ce n'est pas terminé


Créez encore un nouveau fichier, et nommez-le "localhost.conf" :

NameVirtualHost localhost <VirtualHost localhost> DocumentRoot P:/WampServer/www/ ServerName localhost </VirtualHost>


Si vous ne mettez pas ce nouveau fichier, alors l'url "http://localhost/" vous amènera aussi au dossier contenant votre projet !

Donc vous n'aurez plus accès à la racine de "locahost", il ne faut donc pas l'oublier.


Enregistrez les fichiers, et redémarrer maintenant WampServer (et votre navigateur, afin que les modifications du fichier hosts soient bien prises en compte).



Résultat


Vous pouvez donc maintenant accéder à :

• http://localhost/
• http://site-local.dev/
• http://site-local-alias.dev/

Questions / Remarques / Améliorations ?


N'hésitez pas à me contacter pour toutes questions / remarques / ou amélioration : http://dewep.net/Contact