Installer WampServer

Une application Web fonctionne sur un serveur Web. Ce serveur Web doit être accessible pour tous les utilisateurs via Internet. La plupart des FAI (Fournisseurs d'Accès à Internet), comme Free, Orange, SFR, etc. proposent de tels serveurs dans le cadre des abonnements à Internet. Les pages Web y sont téléchargées via FTP.
Cependant,  pour le développement, les corrections, il faut disposer d'un serveur Web privé sur lequel on peut tester l'application Web avant de la télécharger sur le serveur public du FAI.

Le présent article explique comment installer et configurer pour le développement un serveur Web WampServer. C'est à dire tout ce qu'il faut (WAMP signifie Apache, MySQL, PHP pour Windows) pour développer en local des applications Web sur un ordinateur personnel fonctionnant sous Windows.

Où trouver WampServer ?

WampServer est téléchargeable sur le site http://www.wampserver.com.

• Cliquer sur l'onglet Télécharger.
• Choisir la version 64bits ou 32bits en fonction de la version de Windows installée sur le PC.
• Remplir la fiche d'enregistrement.

Le téléchargement proprement dit se fait à partir du site sourceforge.net.

• Choisir WampServer3.
• Cliquer le bouton [Download Latest Version] pour commencer le téléchargement.

Installer WampServer

Le fichier téléchargé est un exécutable (.exe). Pour installer WampServer, il faut lancer l'exécution de ce fichier en mode administrateur (clic-droit sur le fichier, puis cliquer la commande Exécuter en tant qu'administrateur).

• Choisir la langue (Français surement).
• Valider l'accord de licence puis cliquer le bouton [Suivant >].
• Choisir le répertoire d'installation (C:\wamp64 par défaut pour la version 64bits), puis cliquer le bouton [Suivant >].
• Choisir le dossier du menu démarrer (WampServer64 par défaut pour la version 64 bits), puis cliquer le bouton [Suivant >].
• Cliquer le bouton [Installer].
• L'installateur propose de choisir le navigateur par défaut pour WampServer. Cliquer le bouton [Oui] pour choisir le navigateur favori.
• L'installateur propose de choisir un bloc note pour éditer les fichiers de configuration. Utiliser NotePad++ (https://notepad-plus-plus.org/fr/) qui affiche des codes de couleur pour les fichiers sources.
• Lire les notes de version, puis cliquer le bouton [Suivant >].
• Cliquer le bouton [Terminer].

Tester WampServer

• Exécuter WampServer à partir du menu Démarrer.

Lorsque WampServer est démarré une petite icône [W] s'affiche dans la zone des tâches de  la barre d'outils. Cette petite icône peut être de trois couleurs. Le vert indique que tous les services ont été correctement démarrés. L'orange signifie que certains services ne sont pas démarrés correctement. La couleur rouge indique que WampServer n'est pas démarré. Dans le cas, où l'icône est orange, il convient de consulter les logs pour déterminer quel est le service qui ne fonctionne pas correctement et de suivre les recommandations suggérées pour y remédier.

Configurer WampServer pour le développement PHP

Version de PHP

Par défaut, WampServer propose la version 5.6 de PHP. Mais il est probable que ce soit une autre version de PHP qui soit installée sur le serveur du FAI, là où l'application Web sera déployée pour être visible par les internautes. Il est important de choisir la même version dans WampServer que celle utilisée par le FAI.

Pour connaitre cette version, il faut écrire un petit script PHP dans un fichier phpinfo.php qu'il faut télécharger en FTP sur le serveur du FAI.

<?php
phpinfo();
?>

En consultant cette page sur le serveur Web public, on obtient quelque chose que ressemble à cela :

Dans le système cible, la version de PHP est la version 7.0. Mais qu'en est-il de la version PHP de WampServer ? Pour le savoir, il suffit de jouer la page d'accueil de  WampServer  dont l'url est une url locale  : http://localhost dont l'adresse IP est 127.0.0.1.
Cette page propose un lien vers phpinfo(). En cliquant ce lien, on obtient un affichage comparable au précédent mais avec une version différente (version 5.6).

Pour modifier la version de PHP dans WampServer :

• Cliquer la petite icône verte [W] dans la zone des tâches de la barre d'outils de Windows.
• Cliquer sur PHP.
• Cliquer sur Version.
• Cliquer sur la version qui correspond à la version cible (7.0 dans notre exemple).

Modules PHP

En fonction des bibliothèques PHP utilisées dans les applications, il sera nécessaire activer plusieurs extensions. Il est inutile d'activer des extensions dont on ne peut pas disposer chez le FAI qui héberge le site public. La liste des extensions activées est affichée dans la page phpinfo.php invoquée sur le site web public.

Pour activer ou désactiver des modules PHP :

• Cliquer la petite icône verte [W] dans la zone des tâches de la barre d'outils de Windows.
• Cliquer sur PHP.
• Cliquer sur Extensions PHP.
• Cocher les extensions souhaitées.
• Dans Extensions Zend (tout en bas de la liste), cocher les extensions php_opcache et php_xdebug qui sont nécessaires pour déboguer avec un IDE comme NetBeans ou Eclipse.

php.ini

Au final, pour pouvoir déboguer avec un IDE comme NetBeans ou Eclipse, il va falloir activer le mode debug dans le fichier php.ini. Le mode debug ne peut être activé que si l'extension php_xdebug est chargée (voir paragraphe précédent).

Pour modifier le fichier php.ini dans WampServer :

• Cliquer la petite icône verte [W] dans la zone des tâches de la barre d'outils de Windows.
• Cliquer sur PHP.
• Cliquer sur php.ini.

A ce moment, le bloc-note associé à WampServer au moment de l'installation ouvre le fichier php.ini.

• Rechercher le paragraphe [xdebug] dans php.ini. 
• Modifier le fichier comme indiqué ci-dessous :

; XDEBUG Extension
[xdebug]
zend_extension ="c:/wamp64/bin/php/php7.0.29/zend_ext/php_xdebug-2.6.0-7.0-vc14-x86_64.dll"

xdebug.remote_enable = on
xdebug.profiler_enable = on
xdebug.profiler_enable_trigger = On
xdebug.profiler_output_name = cachegrind.out.%t.%p
xdebug.profiler_output_dir ="c:/wamp64/tmp"
xdebug.show_local_vars=1

• Cliquer la petite icône verte [W] dans la zone des tâches de la barre d'outils de Windows.
• Cliquer la commande Redémarrer les services.