Configurer Apache et Windows pour créer un Virtual Host

Pour réaliser une maquette de site Internet vous travaillez dans un premier temps sur un serveur local apache (par exemple en utilisant wamp, xampp ou easyphp sous Windows) avant de réaliser la mise en ligne de votre site Internet. Il peut être intéressant de mettre en place des serveurs virtuels (Virtual Host) pour disposer d’un environnement de travail robuste.

Pré-requis

Voici les pré-requis pour pouvoir mettre en œuvre la création d’un Virtual Host :

  • Avoir un serveur installé sur son poste de travail (si ce n’est pas le cas vous pouvez installer un des serveurs suivant : wamp, xampp ou easyphp)
  • Disposer d’un projet dans votre dossier de développement (exemple sous Wamp : C:\wamp\www\monprojet1)
  • Disposer d’un éditeur de texte, le bloc-note de Windows est suffisant mais utiliser un éditeur comme notepad++ permet de disposer d’un outil possédant de nombreuses fonctionnalités pouvant être utile pour le développement web

Configuration de l’hôte Windows

Dans le dossier d’installation Windows vous devez ouvrir le fichier suivant : c:\windows\System32\drivers\etc\hosts


# Copyright (c) 1993-2006 Microsoft Corp.
#
# This is a sample HOSTS file used by Microsoft TCP/IP for Windows.
#
# This file contains the mappings of IP addresses to host names. Each
# entry should be kept on an individual line. The IP address should
# be placed in the first column followed by the corresponding host name.
# The IP address and the host name should be separated by at least one
# space.
#
# Additionally, comments (such as these) may be inserted on individual
# lines or following the machine name denoted by a '#' symbol.
#
# For example:
#
# 102.54.94.97 rhino.acme.com # source server
# 38.25.63.10 x.acme.com # x client host
127.0.0.1 localhost

Pour rajouter un projet il suffit d’ajouter la ligne suivante :


# Copyright (c) 1993-2006 Microsoft Corp.
#
# This is a sample HOSTS file used by Microsoft TCP/IP for Windows.
#
# This file contains the mappings of IP addresses to host names. Each
# entry should be kept on an individual line. The IP address should
# be placed in the first column followed by the corresponding host name.
# The IP address and the host name should be separated by at least one
# space.
#
# Additionally, comments (such as these) may be inserted on individual
# lines or following the machine name denoted by a '#' symbol.
#
# For example:
#
# 102.54.94.97 rhino.acme.com # source server
# 38.25.63.10 x.acme.com # x client host
127.0.0.1 localhost
#Mes Projets
127.0.0.1 www.monprojet1.local

Vous pouvez rencontrer des problèmes d’édition du fichier host sous VISTA par exemple si vous n’êtes pas connecté en temps qu’administrateur pour cela il suffit de copier/coller le fichier sur votre bureau, le modifier pour autoriser le fichier en écriture, effectuer les modifications nécessaires et remplacer l’ancien fichier host par celui modifié.

Configuration du serveur Apache

Il faut maintenant configurer Apache pour finaliser la création du Virtual Host.

Ouvrir le fichier suivant : C:\wamp\bin\apache\Apache2.2.11\conf\extra\httpd-vhosts.conf


#
# Virtual Hosts
#
# If you want to maintain multiple domains/hostnames on your
# machine you can setup VirtualHost containers for them. Most configurations
# use only name-based virtual hosts so the server doesn't need to worry about
# IP addresses. This is indicated by the asterisks in the directives below.
#
# Please see the documentation at
#
# for further details before you try to setup virtual hosts.
#
# You may use the command line option '-S' to verify your virtual host
# configuration.
#
# Use name-based virtual hosting.
# NameVirtualHost *:80
# VirtualHost example:
# Almost any Apache directive may go into a VirtualHost container.
# The first VirtualHost section is used for all requests that do not
# match a ServerName or ServerAlias in any block.
#
#
# ServerAdmin webmaster@dummy-host.localhost
# DocumentRoot "C:/Program Files/Apache Software Foundation/Apache2.2/docs/dummy-host.localhost"
# ServerName dummy-host.localhost
# ServerAlias www.dummy-host.localhost
# ErrorLog "logs/dummy-host.localhost-error.log"
# CustomLog "logs/dummy-host.localhost-access.log" common
#

à la fin du fichier rajouter les lignes suivantes :

DocumentRoot "C:/wamp/www"
ServerName localhost
ServerAdmin adresse@email.com


DocumentRoot "C:/wamp/www/monprojet1"
ServerName www.monprojet1.local
ServerAlias www.monprojet1.local
ErrorLog "logs/monprojet1.local-error.log"
CustomLog "logs/monprojet1.local-access.log" common

Conclusion

Après avoir effectué ces modifications il est effectivement nécessaire de redémarrer le serveur Apache

Normalement vous avez maintenant accès à votre projet en soumettant l’adresse suivante : www.monprojet1.local dans votre explorateur Internet.

Vous pouvez procéder de la même manière pour l’ensemble de vos projets.

Pour Aller plus loin

Je présente dans cet article une des fonctionnalités de base des serveurs Apache, pour aller plus loin vous trouverez des informations complémentaires concernant Apache en suivant la sélection de liens suivants :

Une pensée sur “Configurer Apache et Windows pour créer un Virtual Host”

  1. J’ai suivit toute la procédure seulement mon virtualhost fonctionne uniquement lorsque je suis connecte a internet.Et lorsque je suis en mode hors convection il ne fonctionne pas je sais pas pourquoi????

Laisser un commentaire

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