Serveur de développement Web

Site collaboratif : Spip
D. Kockler – Formateur TICE
Serveur de développement Web
L'environnement de développement Web
Il est intéressant, lors de la phase de conception, d'installer sur son ordinateur une infrastructure serveur qui émule en local le
même comportement que le serveur web distant.
Pour cela, l'environnement de développement doit comporter :
1 - Un serveur Web : qui stocke les fichiers et envoie les pages au navigateur.
Les principaux logiciels serveur respectant le protocole HTTP sont :
• Apache : Fonctionne principalement sur les systèmes d'exploitation Unix (GNU/Linux, BSD et UNIX) et Windows.
C'est un logiciel libre (gratuit)
• IIS (Internet Information Server) : Développé par Microsoft, il accompagne Windows XP Professionnel et Windows
Server et Windows Vista..
Pour installer le service : <démarrer> <Panneau de configuration> <Ajouter ou supprimer des programmes>
<Ajouter ou supprimer ders composants Windows> <Service Internet (IIS)>
2 - Un serveur de base de données : qui stocke les données.
Il existe de nombreux gestionnaires de base de données relationnelles basés sur le standard SQL, soit en tant que
logiciel libre (gratuit) soit en tant que logiciel propriétaire (payant). Les plus utilisés sont :
• MySQL : Fonctionne sur beaucoup de plates-formes différentes (Unix, Windows, Mac,…). C'est un logiciel libre
(payant pour les produits propriétaires, sinon gratuit).
• SQL Server : Développé par Microsoft, c'est un logiciel propriétaire qui fonctionne uniquement sur Windows. Il
existe une version SQL Server 2005 Express Edition gratuite et sans limite de temps.
• SQLite : Petite bibliothèque qui propose un moteur de base de données SQL. Contrairement aux serveurs de bases
de données comme MySQL sa particularité est de ne pas reproduire le schéma habituel client/serveur mais d'être
intégré directement aux programmes en utilisant des fichiers de bases de données.
3 - Un langage de script serveur : qui permet d'effectuer les traitement sur les données issues de la base et de
générer automatiquement les pages.
Il existe plusieurs langages pouvant être utilisé sur un serveur http :
• ASP (Active Server Pages) : Technologie mis au point par Microsoft.
• JSP (Java Server Pages) : Technologie développée par Sun MicroSystems.
• PHP (HyperText Préprocesseur) : Technologie sous licence GNU (gratuite).
4 - Une interface d'administration : qui permet de gérer la base de données
• PHPMyAdmin : Interface la plus répandue que l'on retrouve chez de nombreux hébergeurs.
• SQLite Manager : Outil de gestion de base de données SQLite.
Les suites logicielles
Il existe plusieurs suites logicielles WAMP [Windows, Apache, MySQL, PHP] libres sous licence GPL, notamment :
• EasyPhp : Installe et configure automatiquement un environnement de travail complet sous Windows [WAMP]. Cette
suite peut être utilisée comme application portable, c'est-à-dire installée sur un support amovible (clé USB, disque dur
externe,…). Le développement de cette application est actuellement arrêté.
• WampServer : Wamp2 est une solution gratuite qui installe automatiquement Apache, MySQL, PHP, PHPMyAdmin et
SQL ite Manager sur un système Windows et qui est régulièrement mise à jour.
• MovAmp : a été spécialement conçu pour tenir sur une clé USB.
• ZMWS : ZazouMiniWebServer est un environnement de développement portable qui fonctionne sans installation [et
sans Apache]. Il peut également fonctionner sur un support en lecture seul (CD-Rom).
Il existe aussi d'autres suites pour Linux [LAMP], Macintosh [MAMP] ainsi que des suites propriétaires payantes, notamment :
• ColdFusion : Développé par Adobe-Macromédia.
Spip2.101 - Serveur de développement Web.doc
1/3
[email protected]
D. Kockler – Formateur TICE
Site collaboratif : Spip
Installer un serveur de développement Web
WAmp Server
1 - Installation :
1. Télécharger WampServer : ............................................................................................. http://www.wampserver.com/
2. Installer WampServer : ................................................................................................................. wampserver2.0e.exe
Lancer l'exécutable de décompression (double-clique ☺), puis renseigner les différents formulaires :
• Accepter la licence
• Choix du répertoire d'installation [par défaut c:\Program Files\wamp] : .........par exemple D:\ServeurWeb\Wamp
• Choix d'installation des icônes (lancement rapide – bureau)
• Lancer l'installation.
• Choix du navigateur par défaut
• Alerte de sécurité (éventuellement) : .......................................... Débloquer le pare-feu de Windows pour Apache
• Choix du serveur de messagerie sortant SMTP [par défaut : localhost] .................... par exemple : smtp.orange.fr
• Choix de l'adresse de messagerie par défaut : .................................... par exemple : [email protected]
• Choix du lancement de WampServer [par défaut : lancement]
• Après le lancement, une nouvelle icône apparait dans la zone de notification de la barre des tâches
• Modifier la langue [par défaut : English] ............................................... clic droit sur l'icône > Language > French
3. Organisation des dossiers :
• Serveur de base de données : ................................................. Dossier "bin"
Les fichiers des bases de données sont stockés dans un sous-répertoire du
dossier "data".
Dans l'arborescence ci-contre, il y a 5 bases de données ........................
une nécessaires au fonctionnement (mysql) et quatre créées par l'utilisateur (a
sauvegarder régulièrement par précaution).
• Racine du serveur web : ...................................................... Dossier "www"
Les fichiers des sites web sont placés dans un sous-répertoire.
Dans l'arborescence ci-contre, il y a 4 sites/applications web .................
Le fichier "index.php" correspond à la page d'accueil de WampServer
http://localhost ou http://127.0.0.1 ou http://nom_de_l'ordinateur
Spip2.101 - Serveur de développement Web.doc
2/3
[email protected]
Site collaboratif : Spip
D. Kockler – Formateur TICE
2 - Paramétrer les serveurs :
1. Démarrer WampServer : .......................................................................................................... wampmanager.exe
• Une icône doit apparaître dans la zone de notification de la barre des tâches
Pour arrêter Wamp5 : Clique droit sur l'icône, puis clique gauche sur "Fermer"
• Etat des serveurs (Apache et MySQL) :
Icône blanche :
Les deux services fonctionnent
Icône jaune :
Un seul service fonctionne
Icône rouge :
Les deux services sont arrêtés
2. Menu contextuel : ........................................................................................ Clique gauche sur l'icône WampServer
Ce menu donne accès à tous les paramètres des serveurs :
• Arrêter/démarrer/redémarrer les services
• Autoriser/interdire l'accès à partir d'un autre ordinateur (Passer en/hors
ligne)
• Créer/modifier/supprimer des Alias (redirection vers un répertoire situé
ailleurs que dans le dossier "www") : Apache>Répertoires Alias
• Configurer PHP (utilisateurs confirmés)
• Ajouter/supprimer des extensions PHP (utilisateurs confirmés)
• Activer/désactiver des modules d'Apache (utilisateurs confirmés)
• Modifier les fichiers de configuration Httpd.conf (Apache) – php.ini –
my.ini (MySQL) (utilisateurs confirmés) :
Par exemple :
o Modifier le port de communication du serveur Apache (en cas de conflit avec une autre application).
Rechercher dans le fichier httpd.conf les lignes "Listen 127.0.0.1:80" et "Listen 80" et remplacer le numéro
de port 80 par 8080
o Modifier le serveur SMTP afin d'envoyer un courriel sans utiliser de logiciel de messagerie [fonction PHP
mail()]. Rechercher dans le fichier php.ini la ligne "SMTP = localhost" et remplacer la valeur "localhost" par
le smtp du fournisseur d'accès à Internet (si ce n'est déjà fait).
La ligne suivante "sendmail_from = mel@localhost" précisant l'adresse de retour est aussi à modifier (si ce
n'est déjà fait)
o Modifier le dossier racine des bases de données. Rechercher dans le fichier "my.ini" la ligne commençant par
"datadir = …." et éventuellement la modifier.
• Visualiser les fichiers de log
• Visualiser le répertoire racine du serveur web
• Gérer les bases de données (SQLiteManager – PhpMyAdmin).
Remarque : Par défaut, le nom de l'administrateur de la base "Mysql" est root sans mot de passe. C'est une faille
de sécurité, mais on peut considérer qu'il s'agit d'un système local protégé. On peut y remédier et mettre un mot
de passe :
o A partir de la page d'accueil de PhpMyAdmin : <Cliquer sur "Privilèges"> <Cliquer l'icône "modifier les
privilèges" à droite sur la ligne de l'utilisateur "root"> <Saisir deux fois le nouveau mot de passe> <Cliquer
sur "Exécuter">
o Modifier le fichier "config.inc.php" situé dans le dossier "phpmyadmin" : Rechercher la ligne
"$cfg['Servers'][$i]['password'] = '';" et modifier la"$cfg['Servers'][$i]['password'] = 'mot de passe';"
o Redémarrer le serveur MySQL.
Spip2.101 - Serveur de développement Web.doc
3/3
[email protected]