Comment configurer les Virtual hosts avec Wamp


Pour ceux qui ne connaissent pas Wamp, c’est une plate-forme de développement Web sous Windows contenant tout ce qu’il vous sera nécessaire ou presque pour développer un site PHP/MySQL en local sur votre poste de travail. Ce logiciel vous dispensera d’un hébergement sur internet le temps que vous développiez vos sites. Plus d’informations sont disponibles sur le site officiel de Wamp.

Configurer WAMP pour bien développer en local

Une fois que vous avez installé et démarré WAMP vous devez placer vos sites internet dans le dossier qui se nomme « www », celui-ci est accessible rapidement en cliquant sur l’icône du logiciel en bas à droite de votre écran, puis sur « Répertoire www ».

Toujours dans le menu, cliquez sur « Localhost » et une nouvelle page apparaîtra et vous pourrez choisir l’un de vos sites. Si vous regardez votre barre d’adresse dans votre navigateur, l’adresse de votre site en local doit ressembler à : http://localhost/monblog/

Cela marche parfaitement. Mais nous préférerions avoir des adresses qui ressemblent plus à ce que nous voyons au quotidien sur le web, idéalement quelque chose comme http://monblog.local/

Pour avoir ce résultat c’est très simple, nous allons passer par deux étapes.

Etape 1 : modifier la configuration apache de WAMP

Nous allons tout d’abord modifier le fichier httpd-vhosts.conf, ce fichier est dans le répertoire d’installation du logiciel WAMP. Soit dans notre cas : « C:/wamp/bin/apache/apache2.2.8/conf/extra/httpd-vhosts.conf »

Vous trouverez deux exemples de configuration dans ce fichier, on pourra s’en inspirer pour réaliser notre propre configuration :

<VirtualHost *:80>
    ServerAdmin webmaster@dummy-host.localhost
    DocumentRoot "C:/wamp/www/monblog/"
    ServerName monblog.local
    ServerAlias monblog.local
    ErrorLog "logs/monblog.local-error.log"
    CustomLog "logs/monblog.local-access.log" common
</VirtualHost>

Enregistrez et fermer le fichier.

Modifions à présent le fichier de configuration principal d’Apache : httpd.conf.
Il se situe dans notre cas dans : C:/wamp/bin/apache/apache2.2.8/conf/httpd.conf

Ouvrez le fichier avec un éditeur texte et trouvez la ligne suivante :

#Include conf/extra/httpd-vhosts.conf

Supprimez simplement le symbole # qui sert de marqueur de commentaire, avant d’enregistrer et de fermer le fichier.
Il ne nous reste plus qu’a redémarrer Wamp pour terminer cette première étape. Pour ce faire, cliquez sur l’icône du logiciel en bas à droite de votre écran, puis sur « Redémarrer les services ». Passons maintenant à l’étape numéro deux.

Etape 2 : modifier le fichier hosts de Windows

Ouvrons le fichier hosts, qui est situé dans C:/WINDOWS/system32/drivers/etc/hosts
Et rajoutons une nouvelle ligne tout en bas de ce fichier :

127.0.0.1       monblog.local

Enregistrez et fermez le fichier.

Et voila, c’est terminé

Vous venez de configurer votre serveur WAMP. Vous pouvez vérifier si ça fonctionne en tapant la nouvelle adresse de votre site local « monblog » : http://monblog.local

Pour plus d’informations sur les Virtual hosts, vous pouvez consulter la documentation Wikipédia.

Nicolas Verhoye

Développeur Magento, Freelance

  1. obuv liska dit :

    Cool!

  2. Arya dit :

    Bonjour,
    Merci bien pour ce tuto cependant, depuis, je n’ai plus accès au localhost… Est-ce normal ?

    Merci,
    Arya

    1. GabbBayDa dit :

      Peut être tu as remplacé la ligne
      127.0.0.1 localhost
      du fichier C:WINDOWSsystem32driversetchosts au lieu d’ajouter une autre ??

  3. Deep dit :

    Merci beacoup pour ce petit Tuto, ça marche !
    Merci

  4. Quentin Aslan dit :

    Merci pour ce tutoriel très utile !!

    1. lima dit :

      Bonjour,

      j’ai ajouté ces lignes dans le fichier httpd.conf pour avoir un host sur D:

      DocumentRoot « D:\MyProjectCakephpBlogApplication.com »
      ServerName MyProjectCakephpBlogApplication.com

      Allow from all
      Require all granted

      ainsi que la ligne : 127.0.0.1 MyProjectCakephpBlogApplication.com , dans le fichier hosts

      mais maintenant j’ai plus accès à localhost !!!

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *