Dans le cadre du développement d’un site Internet, c’est souvent plus confortable de travailler sur le nom de domaine définitif, particulièrement pour les utilisateurs de Wordpress…

Hors, le développement d’un site Internet ne se fait jamais directement sur le serveur définitif, et encore moins sur le nom de domaine définitif. Avec Wordpress, par exemple (et sous réserve), cela va poser un problème, car ce dernier enregistre les adresses absolues des objets dans la base MySql, ce qui oblige, lors de la mise en ligne, à corriger toutes les URL.

Pour éviter cela, il faut travailler en local (donc sur son disque dur) mais en utilisant le nom de domaine définitif du site.

Avec WampServer 2.0, depuis le passage à PHP5 et apache2, la méthode a changé vs apache1. Mais n’en demeure pas moins très simple, comme nous allons le voir :

Postulat de départ :

• Nom de domaine du site à créer : « http://www.test.fr »
• Dossier dans lequel vous placez vos fichier en local : « c:/wamp/www/test/ »

Mode opératoire.

Lancez votre éditeur de texte préféré (UltraEdit, Notepad++ …) puis :

1. Ouvrir le fichier des hosts windows :
   C:/WINDOWS/system32/drivers/etc/hosts

   Ajouter votre site à la fin du fichier :

   127.0.0.1    www.test.fr

2. Ouvrir ensuite le fichier de conf http d’apache :
   C:/wamp/bin/apache/Apache2.2.11/conf/httpd.conf

   Décommenter la ligne 467 (en enlevant le « # » devant ‘include’) :

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

3. Ouvrir le fichier des vhosts :
   C:/wamp/bin/apache/Apache2.2.11/conf/extra/httpd-vhosts.conf

   Tout commenter sauf la ligne :

   NameVirtualHost *:80

   Puis y ajouter la conf de votre vhost tout à la fin, en prenant soin de créer préalablement le vhost pour localhost :

   <VirtualHost *:80>
       DocumentRoot "C:/wamp/www/"
       ServerName localhost
   </VirtualHost>
   <VirtualHost *:80>
           DocumentRoot "C:/wamp/www/test/"
   
           ServerName www.test.fr
   </VirtualHost>

   Vous pouvez aller plus loin dans la personnalisation de votre vhost en ajoutant ces lignes :

   ServerAdmin webmaster@test.fr #Pour les envois de mails systèmes

   ErrorLog « www/test.fr/error.log » # Pour avoir des erreurs uniquement liées à votre site en dev.

   ServerAlias admin.test.fr #pour les sous-domaines et autres alias pointant sur le même site.

4. Relancer les services,
5. Relancer votre navigateur,
6. Appeler l’adresse www.test.fr depuis votre navigateur, et…  Eureka ! ça fonctionne !

Aller plus loin…

Il peut être très intéressant d’aller plus loin dans le paramétrage de votre vhost, en créant des alias, ou en faisant en sorte par exemple d’avoir un error.log spécifique à votre site…

Alias :

Un alias est un nom de domaine supplémentaire pour le même site, il peut s’agir simplement de prévoir la suppression du préfixe www. Pour permettre cela, il suffit d’ajouter cette petite ligne à votre vhost pour accéder au site sans les www :

ServerAlias test.fr

Pensez cependant à ajouter également la ligne dans votre fichier des host windows…

Error.log

Ce fichier, généré et alimenté par Apache2, vous informe des erreurs rencontrées lorsqu’il sert vos pages, par exemple, un fichier manquant (favicon.ico le plus souvent, mais pas seulement, par exemple une image appelée par un CSS dont le nom n’est pas exact, et ainsi de suite)… Pour générer un error.log spécifique à votre site (et ne pas avoir les erreurs des autres sites en dev), il suffit de créer un fichier texte vide nommé « error.log » que vous placez où vous voulez sur votre disque dur (de préférence dans le dossier de votre site). Dans notre exemple, je vais créer un dossier logs dans mon dossier test.fr et y placer mon fichier error.log.

Ensuite, j’ajoute la ligne suivante à mon vhost :

ErrorLog "C:/wamp/www/test.fr/logs/error.log"

Et bien sur, après chaque modification, pensez à redémarrer les services

Bon développement !

merci à Arnaud pour l’astuce

Site développé sous Wordpress.
GraphikStudio est intervenu sur :

• La charte graphique
• Le logotype
• Le développement/découpe
• L’intégration Wordpress