TP1 WampServer

DAW - TP 1 - Initiation à WampServer
WampServer
WampServer (anciennement WAMP5) est une plateforme de développement Web de
type WAMP(Windows, Apache, MySQL, PHP ou Perl ou Python), permettant de faire
fonctionner localement (sans se connecter à un serveur externe) des scripts PHP. WampServer
n'est pas en soi un logiciel, mais un environnement comprenant deux serveurs (Apache et
MySQL), un interpréteur de script (PHP), ainsi que phpMyAdmin pour l'administration Web
des bases MySQL.
Il dispose d'une interface d'administration permettant de gérer et d'administrer ses

serveurs au travers d'un tray icon (icône près de l'horloge de Windows).
La grande nouveauté de WampServer 2 réside dans la possibilité d'y installer et d'utiliser

n'importe quelle version de PHP, Apache ou MySQL en un clic. Ainsi, chaque développeur
peut reproduire fidèlement son serveur de production sur sa machine locale.
Les éléments qui composent WAMP sont les suivants:
 Apache: serveur HTTP très populaire

 MySQL: système de gestion de base de données
 PHP: langage de développement populaire sur les sites web. Ce langage permet
d'interpréter le code des pages PHP pour ensuite envoyer les données à Apache qui les
envois ensuite au client (c'est-à-dire le plus souvent: un navigateur web)
 PHPMyAdmin: système de gestion pour MySQL. C'est une interface pour gérer plus
facilement MySQL sans nécessairement avoir de nombreuses connaissances. Ça
permet de mieux voir et éditer les informations liées à la base de données, plutôt que
d'utiliser des lignes de commandes pour faire la même chose
Comment modifier le port d'écoute ?
1- Accéder au fichier httpd.conf
Pour modifier le port d'écoute de WAMP il faut modifier le fichier httpd.conf d'Apache
(Apache étant le serveur web) pour lui indiquer un nouveau numéro de port.
Le fichier se trouve dans : C:\wamp64\bin\apache\Apache2.4.23\conf\
Sinon vous pouvez y accéder en faisant un clic sur l'icône de WAMP puis dans Apache,
ensuite cliquez sur httpd.conf.
2- Modifier le fichier httpd.conf
Cherchez la ligne "Listen [::0]:80" (ou "Listen:80" selon les version) puis modifiez "80"
par le port que vous souhaitez utiliser, par exemple le port 90. Nous aurons donc :
Listen [::0]:90
3- Redémarrez le serveur WAMP
Cliquez sur l'icône de WAMP et faites "Redémarrer les services" pour être sûr que la
modification apportée au fichier httpd.conf ne pose pas de problème.
4- Accédez à la page index de votre serveur
Ouvrez votre navigateur et saisissez : http://localhost:90
Création d’un site
1 - Cliquez sur l’icône WAMP en suite sur répertoire www (le répertoire se trouve dans
C:\wamp64\www)
2 - Créez un nouveau répertoire (par exemple Test) pour votre site et à l’intérieur le fichier
index.html qui contiendra par exemple le code suivant :
<html>
Ma première page
</html>
3 - Ouvrez votre navigateur et allez sur l’adresse http://localhost/ , dans la page qui
s’affiche, vous allez voir apparaitre sous le titre « Vos projets » le nom de votre
répertoire(Test) sous forme de lien
4 - Cliquez sur le répertoire de votre projet et vous allez voir s’afficher le texte que vous avez
mis dans le fichier index.html
Problème d’affichage des sites

On cliquant sur le répertoire qui contient votre projet il est possible d’avoir l’erreur
suivante :
L’URL dans la barre d’adresse est « http ://Test »et en suite le nom de votre répertoire sans
le à la place de « http://localhost/Test/ » et en suite le nom de votre répertoire.
Deux façons de faire pour résoudre le problème :
1- Désactiver la suppression du localhost dans les URL
Allez dans le dossier www éditez le fichier index.php (avec notepad ++ par exemple) et
remplacer dans le fichier :
$suppress_localhost= true; par $suppress_localhost= false;
La si vous testez vous allez voir que votre site s’affiche mais avec l’adresse :
« http://localhost/test »
Pour avoir « http://test » ce qui est préférable il faut créer un virtual host.
2- Créer un virtual host avec WampServer
Les hôtes virtuels vont tout simplement vous permettre d’utiliser une url personnalisée
(et virtuelle) pour accéder aux projets en local. Plutôt que d’avoir des url du type :
http://localhost/mon-projet/web/
Exemple d’utilisation : http://monprojet.dev/
Etape #1 : le fichier hosts
Allez chercher le fichier C:\Windows\System32\drivers\etc\hosts et éditez le.

Ajouter la ligne suivante en bas de fichier :
127.0.0.1 monprojet.dev
Le fichier hosts à le même rôle qu’un serveur de DNS : il va préciser quelle adresse IP
est associée à un nom de domaine. Ce fichier est consulté avant tout accès à un serveur DNS
externe. Ici, on précise que le nom de domaine monprojet.dev pointe sur notre machine :
127.0.0.1.
Si ces lignes sont absentes ou commentées (avec un # en début de ligne), vous pouvez
les ajouter (elles seront toujours utiles) :
127.0.0.1 localhost
::1 localhost
Il est probable que le fichier hosts ne soit pas éditable, pour des raisons de sécurité.
Exécutez le bloc note en tant qu’administrateur, et accédez au fichier hosts via le menu
Fichier > Ouvrir. Vous serez alors autorisé à enregistrer vos modifications.
NB : le fichier **hosts indique sur quelle machine est hébergé le projet (ici 127.0.0.1).**
Étape #2 : l’hôte virtuel monprojet.dev
Vous allez créer un premier virtual host, afin de faire pointer le nom de domaine
monprojet.dev sur votre projet. Pour cela, rendez-vous dans le dossier C:\wamp\alias\, et
créez un fichier monprojet.conf, dans lequel vous copierez ceci :
NameVirtualHost monprojet.dev
<VirtualHost monprojet.dev>
DocumentRoot C:/wamp64/www/mon-projet/web/
ServerName monprojet.dev
</VirtualHost>
Redémarrez Apache et accédez à présent à l’url http://monprojet.dev, et vous verrez que

tout fonctionne !
Dans le cas où ça ne fonctionne pas, message suivant dans le fichier « Apache error log » :
“NameVirtualHost has no effect and will be removed ….”.
Il faut utiliser le fichier « httpd-vhosts.conf » au lieu de C:\wamp\alias\,
NB : le virtual host indique où se trouve le projet sur la machine ici c’est :

`C:/wamp64/www/mon-projet/web/*).**
Étape #3 : résoudre le problème de localhost
Si on accède à http://localhost, ou 127.0.0.1, on verra que le virtual host a pris le dessus,

et qu’on est redirigé vers le projet !
Afin d’éviter cet effet secondaire, vous allez créer un nouveau virtual host, pour
localhost. Toujours dans le dossier C:\wamp64\alias\, créez un fichier localhost.conf, dans
lequel vous copierez ceci :
NameVirtualHost localhost
<VirtualHost localhost>
DocumentRoot C:/wamp64/www/
ServerName localhost
</VirtualHost>
Redémarrez une nouvelle et dernière fois Apache, et vous vous retrouvez désormais avec :
 http://localhost/ pointant sur C:/wamp64/www/

 http://localhost/mon-projet/web/ pointant sur C:/wamp64/www/mon-projet/web/
 http://monprojet.dev/ pointant sur C:/wamp64/www/mon-projet/web/

TP1 WampServer

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

TP1 WampServer

Transféré par

Droits d'auteur :

Formats disponibles

DAW - TP 1 - Initiation à WampServer

Il dispose d'une interface d'administration permettant de gérer et d'administrer ses

La grande nouveauté de WampServer 2 réside dans la possibilité d'y installer et d'utiliser

Les éléments qui composent WAMP sont les suivants:

 Apache: serveur HTTP très populaire

Comment modifier le port d'écoute ?

1- Accéder au fichier httpd.conf

2- Modifier le fichier httpd.conf

4- Accédez à la page index de votre serveur

Ouvrez votre navigateur et saisissez : http://localhost:90

Création d’un site

Problème d’affichage des sites

Deux façons de faire pour résoudre le problème :

1- Désactiver la suppression du localhost dans les URL

$suppress_localhost= true; par $suppress_localhost= false;

2- Créer un virtual host avec WampServer

Exemple d’utilisation : http://monprojet.dev/

Etape #1 : le fichier hosts

Allez chercher le fichier C:\Windows\System32\drivers\etc\hosts et éditez le.

Redémarrez Apache et accédez à présent à l’url http://monprojet.dev, et vous verrez que

“NameVirtualHost has no effect and will be removed ….”.

Il faut utiliser le fichier « httpd-vhosts.conf » au lieu de C:\wamp\alias\,

NB : le virtual host indique où se trouve le projet sur la machine ici c’est :

Étape #3 : résoudre le problème de localhost

Si on accède à http://localhost, ou 127.0.0.1, on verra que le virtual host a pris le dessus,

 http://localhost/ pointant sur C:/wamp64/www/

Vous aimerez peut-être aussi