Image de couverture - Créer un Virtual Host avec WampServer

Créer un Virtual Host avec WampServer

Créer un virtual host est utile lors du développement d'une application web. Voici comment procéder avec WampServer.

Icône de calendrier
Icône de chronomètre 5 min

Qu’est-ce qu’un virtual host ?

Un hébergement virtuel (de l’anglais « virtual host », abrégé « vhost ») consiste à accueillir plus d’un nom de domaine sur le même serveur, tout en maintenant une gestion séparée de chacun de ces noms de domaine.

Cela permet de partager les ressources du serveur, comme la mémoire et le processeur, sans nécessiter que tous les services fournis utilisent le même nom d’hôte.

Si vous cherchez à créer un virtual host avec WampServer, il y a des chances que notre formation à PHP ou aux bases de la configuration d’un serveur Apache avec le fichier .htaccess vous intéresse.

Pourquoi créer des virtual hosts en local ?

Créer un virtual host s’avère utile lors du développement d’une application web en local avec WampServer. Voici quelques-unes des raisons principales.

Gestion multi sites simplifiée

Lorsque vous développez plusieurs sites web simultanément, l’utilisation de virtual hosts vous permet d’en faciliter leur gestion.

Chaque site peut avoir sa propre configuration définie au sein d’un fichier 📄 httpd-vhosts.conf :

  • Répertoire racine spécifique
  • Directives de sécurité
  • Paramètres PHP
  • Certificats SSL
  • Journaux d’accès
  • Etc.

URL plus propres

En utilisant des virtual hosts, vous pouvez configurer des noms d’hôtes / de domaines personnalisés pour vos projets locaux, ce qui rend les URL plus claires et plus faciles à utiliser lors du développement.

localhost/mes-sites/site1 pourrait par exemple être remplacé par site1.local.

Migration facilitée

Lorsque vous transférez vos projets d’un serveur local vers un serveur en ligne, la transition est plus fluide, car vous pouvez utiliser les mêmes noms d’hôtes et structures de dossiers.

Créer un virtual host

Garder une bonne organisation de vos projets en utilisant des virtual hosts facilite le développement et la gestion de vos sites web locaux.

Il est possible de créer des virtual hosts à la main (recommandé dans un premier temps pour limiter l’effet « magique ») ou via l’interface de Wamp Server.

Via le code

Pour créer un virtual host sur WampServer, suivez ces 4 étapes :

1. Activer les vhosts dans la configuration d’Apache

  1. Cliquez sur l’icône WampServer de la barre des tâches (assurez-vous que WampServer est en cours d’exécution) et sélectionnez Apache -> 📄 httpd.conf. Cela ouvrira le fichier de configuration d’Apache dans votre éditeur de texte par défaut.
  2. Recherchez la ligne suivante dans le fichier 📄 httpd.conf :
    httpd.conf
    Include conf/extra/httpd-vhosts.conf
    
    Enlevez l’éventuel # devant cette ligne afin de l’activer (# est le symbole utilisé pour commenter une ligne de configuration). Cela permettra d’inclure le fichier de configuration des hôtes virtuels 📄 httpd-vhosts.conf.
  3. Sauvegardez le fichier 📄 httpd.conf et fermez-le.

2. Modifier la configuration des hôtes virtuels

  1. Cliquez sur l’icône WampServer de la barre des tâches et sélectionnez Apache -> 📄 httpd-vhosts.conf. Cela ouvrira le fichier de configuration des hôtes virtuels dans votre éditeur de texte par défaut.
  2. Ajoutez les informations relatives au virtual host à créer. Voici un exemple de configuration pour un hôte virtuel. Vous pouvez l’éditer selon vos besoins :
    httpd-vhosts.conf
    copié !
    <VirtualHost *:80>
       ServerName demo.local
       DocumentRoot "c:/wamp64/www/laconsole/demo/public"
       <Directory "c:/wamp64/www/laconsole/demo/public/">
          Options +Indexes +Includes +FollowSymLinks +MultiViews
          AllowOverride All
          Require local
       </Directory>
    </VirtualHost>
    
    Veillez à bien remplacer :
    • demo.local par le nom d’hôte que vous souhaitez utiliser pour accéder à votre projet en local
    • c:/wamp64/www/laconsole/demo/public par le chemin absolu vers le dossier racine publique du projet
  3. Sauvegardez le fichier 📄 httpd-vhosts.conf et fermez-le.

3. Lier les noms d’hôtes personnalisés à l’adresse IP locale

Si vous êtes sous Windows, il est important de lier le nom d’hôte préalablement créé à l’adresse locale 127.0.0.1.

Pour cela, ajoutez l’entrée correspondante dans le fichier 📄 hosts de votre système.

  1. Ouvrez le bloc-notes ou un éditeur de texte avec des privilèges d’administrateur.
  2. Ouvrez le fichier 📄 hosts situé à l’emplacement : C:\Windows\System32\drivers\etc. Changez le type de fichier en Tous les fichiers (.) pour voir le fichier 📄 hosts apparaître.
  3. Ajoutez une nouvelle ligne à la fin du fichier avec l’adresse IP locale (127.0.0.1) et le nom d’hôte que vous avez configuré dans le fichier 📄 httpd-vhosts.conf. Par exemple :
    hosts
    copié !
    127.0.0.1 demo.local
    
  4. Sauvegardez le fichier 📄 hosts et fermez-le.

4. Redémarrage de WampServer

Cliquez sur l’icône WampServer de la barre des tâches et sélectionnez Redémarrer les services. Une fois que WampServer a redémarré, votre virtual host devrait être accessible en utilisant le nom d’hôte que vous avez configuré dans votre navigateur.

Via l’interface de WampServer

Il est également possible de créer un virtual host directement depuis l’interface de WampServer. Voici comment procéder :

  1. Démarrer WampServer
  2. Cliquez sur l’icône WampServer dans la barre des tâches, puis cliquez sur Vos VirtualHosts -> Gestion VirtualHost. Cela ouvrira la page de gestion des hôtes virtuels.
  3. Créez un nouveau virtual host en remplissant les 2 champs requis (apparaissant en rouge) :
    • Nom d’hôte du virtual host : par exemple demo.local
    • Chemin complet absolu du dossier (vers le répertoire racine de votre projet) : par exemple : c:/wamp64/www/laconsole/demo/public
  4. Cliquez ensuite sur Démarrer la création ou la modification du VirtualHost.
  5. Afin que ce nouveau virtual host soit pris en compte par Wamp, effectuer un Redémarrage DNS en faisant un clic droit sur l’icône WampServer dans la barre des tâches : Outils -> Redémarrage DNS.

Une fois ces étapes terminées, votre virtual host sera accessible en utilisant le nom d’hôte que vous avez spécifié (par exemple, demo.local) dans votre navigateur.

Lire aussi