Chapitre2

Préparez votre environnement de travail

Nous savons désormais que PHP s'exécute sur le serveur et que son rôle est de générer
des pages web. Cependant, seul un serveur peut lire du PHP ; or, votre ordinateur n'est pas
un serveur. Comment allez-vous pouvoir créer un site dynamique si PHP ne fonctionne pas
chez vous ?

Qu'à cela ne tienne : nous allons temporairement transformer votre ordinateur en

serveur pour que vous puissiez exécuter du PHP et travailler sur votre site dynamique. Vous
serez fin prêt à programmer après avoir lu ce chapitre !

De quels programmes a-t-on besoin ?

Selon que l'on crée un site statique ou un site dynamique, on a besoin de logiciels
différents. En fait, faire un site dynamique nécessite malheureusement pour nous quelques
logiciels supplémentaires !

Avec un site statique

Les webmasters qui créent des sites statiques avec HTML et CSS ont de la chance, ils ont
en général déjà tous les programmes dont ils ont besoin :

 un éditeur de texte : en théorie, un programme tel que le bloc-notes livré

avec Windows suffit, bien qu'il soit recommandé d'utiliser un outil un peu plus évolué
comme Notepad++. Nous reparlerons du choix de l'éditeur à la fin de ce chapitre ;
 un navigateur web : il permet de tester la page web. Vous pouvez utiliser par
exemple Mozilla Firefox, Internet Explorer, Google Chrome, Opera, Safari, ou tout
autre navigateur auquel vous êtes habitué pour aller sur le Web. Il est conseillé de
tester son site régulièrement sur différents navigateurs.

Cependant, pour ceux qui comme nous travaillent sur des sites dynamiques, ces outils ne
suffisent pas. Il est nécessaire d'installer des programmes supplémentaires.

Avec un site dynamique

Pour que votre ordinateur puisse lire du PHP, il faut qu'il se comporte comme un serveur.
Rassurez-vous, vous n'avez pas besoin d'acheter une machine spéciale pour cela : il suffit
simplement d'installer les mêmes programmes que ceux que l'on trouve sur les serveurs qui
délivrent les sites web aux internautes.

Ces programmes dont nous allons avoir besoin, quels sont-ils ?

  Apache : c'est ce qu'on appelle un serveur web. Il s'agit du plus important de
tous les programmes, car c'est lui qui est chargé de délivrer les pages web aux
visiteurs. Cependant, Apache ne gère que les sites web statiques (il ne peut traiter
que des pages HTML). Il faut donc le compléter avec d'autres programmes.
 PHP : c'est un plug-in pour Apache qui le rend capable de traiter des pages
web dynamiques en PHP. En clair, en combinant Apache et PHP, notre ordinateur
sera capable de lire des pages web en PHP.
 MySQL : c'est le logiciel de gestion de bases de données dont je vous ai parlé
en introduction. Il permet d'enregistrer des données de manière organisée (comme
la liste des membres de votre site). Nous n'en aurons pas besoin immédiatement,
mais autant l'installer de suite.

Tous ces éléments qui vont nous aider à créer notre site dynamique sont libres et gratuits.
Certes, il en existe d'autres (parfois payants), mais la combinaison Apache + PHP + MySQL
est la plus courante sur les serveurs web, à tel point qu'on a créé des « packs » tout prêt qui
contiennent tous ces éléments. Il est possible de les installer un à un, mais cela prend plus
de temps et vous n'allez rien y gagner (sauf si vous êtes administrateur de serveur, ce qui ne
devrait pas être votre cas).

Dans la suite de ce chapitre, nous allons voir comment installer le « pack » qui convient.

Tutoriel XAMPP : Installation et premiers pas

XAMPP est un ensemble de logiciels libres. Le nom est un acronyme venant des initiales de
tous les composants de cette suite. Ce dernier réunit donc le serveur Web Apache, la base de
données relationnelle et système d’exploitation MySQL ou MariaDB ainsi que les langages
scripts Perl et PHP. L’initiale X représente tous les systèmes d’exploitation possibles, à savoir
Linux, Windows et Mac OS X.

( Perl: le langage script Perl est utilisé pour l’administration système, le développement Web
et la programmation en réseau. De plus, des applications Web dynamiques peuvent être
programmées de la même manière que PHP. )

En dehors des composants principaux, la distribution gratuite d’Apache comprend divers

outils selon chaque système d’exploitation comme le serveur Mail Mercury, l’application
d’administration de base de données PhpMyAdmin, le logiciel d’analyse de données
Webalizer, OpenSSL, ApacheTomcat ainsi que FileZilla ou ProFTPd.

Points traités

 Domaines d’application
 Installer XAMPP
 XAMPP-Control-Panel
 Installation et test de XAMPP
Domaines d’application
Un système de test local XAMPP s’installe rapidement et facilement avec un seul fichier
exécutable sous Linux, Windows et Mac OS X. L’ensemble de logiciels contient les mêmes
composants que ceux aussi utilisés sur des serveurs Web courants. Les développeurs ont donc
la possibilité de tester des projets localement et de les transmettre à des systèmes productifs
confortablement. XAMPP n’est cependant pas idéal en tant que serveur public car il comporte
des restrictions en matière de sécurité.

Installer XAMPP
Le présent chapitre sur XAMPP vous montre comment installer l’ensemble de logiciels sous
Windows. Si vous utilisez Linux ou Mac OS X, le processus d’installation varie sur les points
présentés :

Étape 1 : Téléchargement

XAMPP est mis à disposition par le projet à but non lucratif Apache Friends. Les versions
avec PHP5.5, 5.6 ou 7 sont téléchargeables gratuitement sous
www.apachefriends.org/fr/download.html.

Étape 2 : Lancer un fichier .exe

Une fois le logiciel téléchargé, lancez l’installation avec un double-clic sur le fichier avec la
terminaison .exe.

Étape 3 : Désactiver les programmes antivirus

Étant donné qu’un programme antivirus actif peut nuire au processus d’installation, il est
conseillé de désactiver temporairement ces applications, jusqu‘à ce que tous les composants
XAMPP soient installés avec succès.

Il est recommandé de désactiver temporairement le programme antivirus avant l’installation XAMPP

Étape 4 : Désactiver l‘UAC

Le contrôle du compte utilisateur (UAC pour User Account Control) peut aussi gêner
l’installation de XAMPP car les droits d’écriture du lecteur C : sont limités. Le site de
l’assistance Windows vous indique comment procéder.

L‘User Account Control peut mettre à mal l’installation de XAMPP

Étape 5: Lancer Setup-Wizard

Une fois le fichier .exe exécuté et les programmes de sécurité gênant l’installation écartés,
l’écran de démarrage du Setup-Wizard XAMPP apparaît. Cliquez sur suivant pour configurer
les paramètres d’installation.

L’installation peut commencer depuis l’écran de démarrage de l’assistant

Étape 6 : Choix des composants logiciels

Vous avez la possibilité de sélectionner certains composants de l’ensemble XAMPP lors de

l’installation sous « choisir les composants ». Dans le cas d’un serveur de test local nous vous
recommandons d’opter pour les paramètres standards qui entraînent l’installation de tous les
composants disponibles. Confirmez votre choix en cliquant sur « suivant ».

Vous pouvez choisir Select Components avant l’installation des composants du logiciel

Étape 7 : Choix du dossier d’installation

L’étape suivante vous offre la possibilité de choisir le dossier où installer la suite de logiciels.
Par défaut, un dossier du nom de XAMPP est créé sous C:/.
 Choisissez ensuite le dossier dans lequel installer XAMPP

Étape 8 : Démarrer le processus d’installation

Une fois les réglages par défaut effectués, vous commencez l’installation. Le Setup-Wizard
décompresse maintenant les composants sélectionnés et les place dans le répertoire choisi. Ce
processus peut prendre quelques minutes. L’avancement de l’installation est indiqué via une
barre verte.
 Après les préréglages, choisissez les composants du logiciel à décompresser et installer dans le
dossier cible

Étape 9 : Paramètres de pare-feu

En général, un message apparaît pour vous indiquer que votre pare-feu bloque le processus de
chargement.Cochez les cases correspondantes pour autoriser la communication du serveur
Apache avec votre réseau privé ou professionnel. Tenez compte du fait qu’il n’est pas
recommandé de désactiver de telles protections pour un serveur XAMPP dans le cas d’un
réseau public.

Étape 10 : Terminer l’installation

Une fois tous les composants décompressés et installés, fermez le setup—wizard en cliquant
sur « terminer ». Pour ouvrir XAMPP control panel à la suite de l’installation, cochez la case
correspondante.

En cliquant sur « Finish », vous fermez l’assistant d‘installation

XAMPP-Control-Panel
XAMPP Control Panel vous permet de contrôler les composants de votre serveur de test.
L’interface claire recueille toutes les actions et vous permet de démarrer ou d’arrêter certains
modules en un clic. Cette interface propose des actions diverses :

 Config : permet la configuration de votre XAMPP ainsi que des composants partiels
 Netstat: affiche les processus courants sur l’ordinateur local
 Shell: ouvre une cellule UNIX
 Explorer: ouvre le dossier XAMPP dans Windows Explorer
  Services : affiche les services fonctionnant en arrière-plan
 Aide : propose des liens vers des forums pour utilisateurs
 Terminer : ferme le XAMPP-Control-Panel

L’utilisateur peut démarrer ou stoper certains modules depuis le panneau de contrôle XAMPP

Lancer le module

Vous pouvez lancer et stopper chaque module depuis cette interface dans la colonne
« actions ». Les modules déjà démarrés sont surlignés en vert.
 Un module est affiché en vert sur le panneau de contrôle XAMPP

Si un module ne peut pas être lancé en raison d’une erreur, il apparaît surligné en rouge sur le
control panel XAMPP. Un rapport d’erreurs détaillé vous aide à identifier les causes de tels
problèmes.

Aménager XAMPP

Une source d’erreur courante en relation avec Apache est le blocage d’un port. XAMPP
renvoie dans ce cas par défaut au port principal 80 et au port SSL 443. Ce dernier est surtout
bloqué par d’autres programmes en général. Sur la capture d’écran ci-dessus, on constate un
conflit avec le service de messagerie skype (port SSL 443), empêchant le démarrage du
serveur Web. Voici trois approches pour résoudre ce type de problème :

 Modifier le port pour Skype : pour changer les réglages du port dans Skype,lancez le
programme et rendez-vous dans le menu « connexion » puis cliquez sur « actions »,
« options » puis « avancé ». Décochez la case des ports 80 et 443 pour l’utilisation de
connexions supplémentaires entrantes.

 Modifier les réglages du port Apache : cliquez sur le bouton de configuration pour le module
Apache et ouvrez les fichiers httpd.conf et httpd-ssl.conf. Remplacez les ports 80 dans
httpd.conf et 443 dans httpd-ssl.conf par des ports libres quelconques. Enregistrez les
fichiers. Utilisez le bouton de configuration général sur le côté droit et choisissez « adapter
les services et ports ». Adaptez les ports pour le serveur Apache avec les modifications
correspondantes dans le fichier conf.

 Quitter Skype : la méthode la plus simple pour contourner des conflits de port avec Skype
consiste à quitter le programme puis le relancer si le serveur Apache fonctionne.
 Un module qui ne peut pas être démarré est affiché en rouge. L’utilisateur reçoit de plus un
rapport d’erreur afin de prendre cette erreur en charge

Administrer des modules

Une zone d’administration spécifique à chaque module de votre XAMPP est à disposition.

 Cliquez sur le bouton Admin de votre serveur Apache pour parvenir à l’adresse URL de votre
serveur Web. Dans ce cas, le Control-Panel lance votre navigateur Web standard. Vous êtes
ensuite dirigé vers le tableau de bord de l’hébergeur local de votre XAMPP. Le tableau de
bord comporte de nombreux liens vers des pages Web avec des informations utiles ainsi que
le projet open source BitNami, qui contient diverses applications gratuites pour votre XAMPP
comme WordPress ou d’autres systèmes de gestion de contenu. Vous pouvez de manière
alternative accéder au tableau de bord sous localhost/dashboard/.
Cliquez sur le bouton « Admin » du module Apache pour être redirigé vers le tableau de bord XAMPP

 Utilisez le bouton d’administration de votre module de base de données pour ouvrir

PhpMyAdmin. Ici, vous gérez les bases de données des projets que vous souhaitez tester sur
votre XAMPP. Vous pouvez aussi accéder à l’interface d’administration pour votre base de
données MySQL sous localhost/phpmyadmin/.
Les bases de données du projet Web sont gérées par l’utilisateur sur phpMyAdmin (accessible via le
bouton « Admin » sur le module base de données)

Installation et test de XAMPP

Pour vérifier si le serveur de test est correctement installé et configuré, il est possible de créer
une page test PHP, de placer cette dernière sur l’hébergeur local de votre XAMPP puis de la
charger via votre navigateur Web.

 Ouvrez pour cela le répertoire XAMPP via le bouton « Explorer » du Control-Panel et

choisissez le dossier htdocs (C:\xampp\htdocs avec une installation standard). Vous
retrouverez dans cette liste tous les fichiers similaires pour des pages Web que vous voulez
tester sur XAMPP. Le dossier htdocs comporte déjà des fichiers servant à la configuration du
serveur Web. Vos propres projets doivent pour cela se trouver dans un dossier
correspondant (par exemple un dossier test).

 Créez maintenant une page PHP simple avec le contenu suivant dans l’éditeur et appelez la
test.php dans le dossier test (C:\xampp\htdocs\test):

<html>
<head>
<title>PHP-Test</title>
</head>
<body>
<?php echo '<p>Bonjour</p>'; ?>
</body>
</html>

 Ouvrez votre navigateur Web et chargez la page PHP sous localhost/test/test.php. Si

votre navigateur indique « Bonjour », votre XAMPP est correctement installé et
configuré.