Introduction à WAMP pour les Nuls

(car nous l’avons tous été un jour , ce n’est donc pas péjoratif )

WAMP c’est quoi ? WAMP est un package 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. En clair, vous n’avez pas besoin d’avoir un hébergement sur internet (gratuit ou payant) pour développer vos sites. WAMP est l’acronyme pour Windows, Apache, Mysql, PHP et il est le pendant de LAMP (pour les plateformes Linux) et MAMP (pour les plateformes Mac).

Installer WAMP

Vous pourrez trouvez tout le nécessaire à l’installation (Installeur & Documentation) sur le site officiel de WAMP.

Configurer WAMP pour le développement local

Une fois que vous avez installé et démarré WAMP, vous pouvez consulter les sites que vous allez créer en tapant dans la barre d’url de votre navigateur favori : http://localhost/nouveausite/. Cela marche parfaitement. Mais…

Vous pouvez préférer avoir des urls qui ressemblent plus à ce que vous voyez au quotidien en naviguant sur le web, idéalement vous souhaiteriez quelquechose comme : http://nouveausite.local/.

Nous allons voir à présent comment faire. Ce n’est pas bien compliqué. Suivez le guide…

Deux étapes seront nécessaires :

1. Modifier la configuration apache de WAMP (httpd.conf & httpd-vhosts.conf)
2. Modifier votre fichier hosts de Windows (C:\WINDOWS\system32\drivers\etc\hosts)

Etape 1 : modifier la configuration apache de WAMP

Nous allons tout d’abord modifier le fichier httpd-vhosts.conf, situé dans l’arborescence suivante : C:\wamp\bin\apache\apache2.2.8\conf\extra\httpd-vhosts.conf

Vous trouverez deux exemples de configuration dans ce fichier, nous allons fortement nous en inspirer pour réaliser notre propre configuration :

<VirtualHost *:80>
ServerAdmin webmaster@dummy-host.localhost (<-- à vous de voir si cela présente un intérêt de changer cette adresse)
DocumentRoot "C:/wamp/www/nouveausite/www/"
ServerName nouveausite.local
ServerAlias nouveausite.local
ErrorLog "logs/nouveausite.local-error.log" (pour consulter les erreurs, souvent pratique)
CustomLog "logs/nouveausite.local-access.log" common
</VirtualHost>

Vous voyez rien de bien compliqué .
Enregistrez et fermer le fichier.

Nota : Pour vous assurer que vous avez bien respecter la syntaxe et que tout est bien configuré, vous pouvez faire appel à la commande httpd.exe -S qui vérifiera pour vous la syntaxe de votre fichier Virtual Host. Vous trouverez l’exécutable dans l’arborescence suivante : C:\wamp\bin\apache\apache2.2.8\bin\httpd.exe.

Nous allons à présent modifier le fichier de configuration principal d’Apache : httpd.conf. Vous le trouverez à l’arborescence suivante : C:\wamp\bin\apache\apache2.2.8\conf\httpd.conf

Ouvrez le fichier et allez tout à la fin. Vous trouverez dans les dernières lignes du fichier, la ligne suivante :

#Include conf/extra/httpd-vhosts.conf

supprimez simplement le symbole # qui sert de marqueur de commentaire. Enregistrez et fermez le fichier.

A présent, nous allons redémarrer WAMP. Pour cela, un clic sur l’icône dans la barre des taches (près de l’horloge Windows en bas à droite, le logo de WAMP ressemble à un compte tour). Un menu s’affiche, cliquez sur ‘Restart All Services‘  pour les plus anglophones d’entre vous ou si vous n’avez pas changé la langue par défaut de l’interface de WAMP (pour ce faire : clic droit sur l’icône de WAMP > Language > French), ‘Redémarrer les services‘ pour les frenchies.

Si tout se passe bien, le ‘compte tour’ passera pas le rouge, le jaune et finalement le blanc. Si vous êtes arrivés jusque là sans encombre, nous allons finaliser notre configuration en passant à l’étape 2.

Etape 2 : modifier le fichier hosts de Windows

Le fichier ‘hosts‘ c’est quoi ? Je vous livre ci-après la définition officielle de Wikipedia de hosts :

Le fichier hosts est un fichier utilisé par le système d’exploitation d’un ordinateur lors de l’accès à Internet. Il contient l’adresse IP locale et, éventuellement, l’adresse de serveurs web. Lors de l’accès à un périphérique réseau par nom de domaine, ce fichier est consulté avant l’accès au serveur DNS et permet au système de connaître l’adresse IP associée au nom de domaine. Cette technologie fut à l’origine mise au point pour Arpanet, l’ancêtre d’Internet, mais devint insuffisante face à l’augmentation de la taille du réseau. Elle reste cependant utilisée pour les réseaux locaux de faible taille, ainsi que dans certains cas particuliers, par exemple pour le filtrage web.

Nous allons donc grâce à ce fichier, dire à notre machine que pour l’url http://nouveausite.local/, il ne lui est pas nécessaire de consulter les serveurs DNS, puisque cette adresse sera associée à la boucle locale (localhost).

Ouvrons donc le fichier hosts : C:\WINDOWS\system32\drivers\etc\hosts

Et éditons la ligne :

127.0.0.1       localhost

pour la remplacer par :

127.0.0.1       localhost nouveausite.local

Enregistrez et fermez le fichier.

Voilà, c’est fait, vous venez de configurer votre serveur WAMP. Vous poiuvez le vérifier en tapant http://nouveausite.local/ dans votre navigateur. Pour peu, que vous ayez prévu le coup et mis en place le fameux ‘Hello World’ dans C:\wamp\www\nouveausite\www\index.php, vous verrez apparaître ‘Hello World’ dans votre navigateur.

La home de WAMP est morte, vive la home de WAMP

Et bien, notre petite manipulation a fait quelques dégâts collatéraux . Rien de bien grave et surtout on peut y remédier. En effet, dorénavant, en lieu et place de http://localhost/ (précédemment la home page de WAMP), vous arrivez sur votre ‘nouveausite’ (http://nouveausite.local/).

Pour remédier à cela, il suffira de créer un virtual host pour la home page de WAMP (exemple : http://home.local/) et de déclarer la ligne correspondante dans le fichier hosts. Je vous laisse mettre en place cette partie, cela fera office d’exercice pratique…

Et maintenant, il ne reste plus qu’à développer. D’ailleurs j’y retourne .