Classe de TSTI2D1 1 Utilisation d’un serveur APACHEfbigratsti2d.free.fr/ActiviteHTML/Wampserver - 2018.pdf · Utilisation d’un serveur APACHE Utilisation de Wampserver Apache

Classe de TSTI2D1

Utilisation d’un serveur APACHE

1

Références au programme :

Enseignement transversal 3. Solutions technologiques ; 3.2 Constituants d’un système ; 3.2.4 Transmission de

l’information, réseaux et internet : Architecture client/serveur : protocoles FTP et HTTP

Enseignement de spécialité 2. Maquettage des solutions constructives ; 2.2 Architecture fonctionnelle d’un système

communicant : Architecture client/serveur

3. Réalisation et qualification d’un prototype ; 3.1 Réalisation d’un prototype :

Programmation de l’interface de communication

Le but de ce TP est d’utiliser l’application WAMPSERVER afin d’utiliser votre PC en

serveur web local

• Sur le site fbigratsti2d.free.fr télécharger les fichiers suivants :

� « arobase.gif »,

� « calculatrice.gif »,

� « Fond.jpg » e

� « gallons.swf »

� « Date_02.php »

• Réaliser l’activité intitulée ‘Création d’une page WEB statique au format HTML’

• Lire attentivement la documentation de WAMPSERVER (pages 2 à 6 de ce

document)

• Dans le dossier « C:\wamp\www\ » créer un sous dossier « Mon_Site »

• Placer les fichiers « index.html », « arobase.gif », « calculatrice.gif », « Fond.jpg »,

« gallons.swf » et « Date_02.php » dans le dossier C:\wamp\www\Mon_Site

• Lancer WAMPSERVER et effectuer les commandes suivantes :

Dans la barre d’adresse de votre navigateur entrer l’adresse

http://localhost/Mon_Site/Date_02.php :

Faire un ‘Clic droit’ puis ‘Code source de la page’ : En déduire la nature du fichier

généré lors de l’exécution du script PHP.

Dans la barre d’adresse de votre navigateur entrer l’adresse

http://localhost/Mon_Site : Que voyez vous apparaître ?

Avec la commande ipconfig relever l’adresse IP de votre poste.

Mettre WAMPSERVER en ligne.

Depuis un autre poste entrer dans la barre d’adresse d’un navigateur les adresse

suivantes : Que constatez-vous ?

� http://<Adresse IP de mon Poste>/ Date_02.php

� http://<Adresse IP de mon Poste>/Mon_Site

Document Ressource :

Wampserver, c'est quoi ?

Wampserver est un serveur web local pour windows. Par abus de langage, Wampserver

(auparavant nommé WAMP5) est souvent désigné par WAMP.

Acronyme signifiant « Windows

parfois, « Perl » ou « Python ») », il comprend un programme destiné à se comporter comme

un serveur web sur un ordinateur.

Lorsque vous demandez à votre navigateur (comme Firefox, IE8, Chrome ou Opera par

exemple) d'afficher une page web, celui

qui le lui envoie. Wampserver se comporte exactement de la même manière

trouve directement sur votre machine. Il y a donc aucune information transmise sur l'extérieur

et vous pouvez donc tester votre site sans même avoir un héberge

internet. Il permet d’utiliser votre machine comme serveur we

Il comprend la suite Apache, MySQL et PHP.

Les rôles de ces quatre composants sont les suivants

• Apache est le serveur web «

autres et répond directement aux requêtes du client web

(navigateur)

• Le langage de script PHP sert la logique et permet des traitements

(calculs, vérification, test, etc.)

• MySQL stocke toutes les données de l'application (c'est une base de

données)

• Windows assure l'attribution des ressources à ces trois composants

Il existe de la même manière son homologue sous linux désigné par LAMP ou XAMPP (le X

correspondant à Unix) et sous Mac Os avec

Ce logiciel est donc parfait pour tous les développeurs de sites web

créations avant leur mise en ligne, tester des scripts mais aussi définir un site disponible sur le

réseau local comme on en trouve dans beaucoup de grandes entreprises pour tenir au courant

le personnel.

Pour lancer WampServer, faire un double clique sur l


: Utilisation de Wampserver

Wampserver, c'est quoi ?


(auparavant nommé WAMP5) est souvent désigné par WAMP.

indows Apache MySQL PHP (dans la majorité des cas mais aussi

») », il comprend un programme destiné à se comporter comme

nateur.


exemple) d'afficher une page web, celui-ci envoie une requête au serveur possédant cette page

qui le lui envoie. Wampserver se comporte exactement de la même manière


et vous pouvez donc tester votre site sans même avoir un hébergement ni même accès à

internet. Il permet d’utiliser votre machine comme serveur web ,pour d’autres machinaes.

Il comprend la suite Apache, MySQL et PHP.

rôles de ces quatre composants sont les suivants :

Apache est le serveur web « frontal » : il est « devant » tous les

autres et répond directement aux requêtes du client web

Le langage de script PHP sert la logique et permet des traitements

(calculs, vérification, test, etc.)

MySQL stocke toutes les données de l'application (c'est une base de

Windows assure l'attribution des ressources à ces trois composants


) et sous Mac Os avec MAMP.

Ce logiciel est donc parfait pour tous les développeurs de sites web qui aimeraient tester leurs



Pour lancer WampServer, faire un double clique sur l’icône :

Classe de TSTI2D1

tilisation d’un serveur APACHE

2


HP (dans la majorité des cas mais aussi

») », il comprend un programme destiné à se comporter comme


ci envoie une requête au serveur possédant cette page

qui le lui envoie. Wampserver se comporte exactement de la même manière sauf qu'il se


ment ni même accès à

b ,pour d’autres machinaes.

» tous les

Le langage de script PHP sert la logique et permet des traitements

MySQL stocke toutes les données de l'application (c'est une base de

Windows assure l'attribution des ressources à ces trois composants.


qui aimeraient tester leurs



Classe de TSTI2D1


3

Interface Wampserver

Wampserver possède la particularité, de se contrôler uniquement avec l'icône situé en bas

dans la barre des tâches. Par défaut, le programme est en anglais. Pour le mettre en français,

effectuez un clic droit sur l'icône, « Langue » puis cliquez sur « French ».

Une fois ceci effectué, faites un clic gauche pour faire apparaitre le menu de Wampserver :

Voici le détail des fonctions du menu de bas en haut :

• « Passer en ligne » permet de lancer Wampserver sur le réseau. Ainsi les autres

ordinateurs du réseau pourront visiter votre site local.

• « Redémarrer les services » d'effectuer un reset des services au cas ou un problème

serait survenu.

• « Arrêter les services » bloque complètement Wampserver comme s'il n'était pas

lancé.

• « Démarrer les services » permet de lancer les services de Wampserver au cas ou ils

seraient coupés.

• MySQL, PHP et Apache vous permettent d'accèder

services individuellement. Vous y trouverez aussi les fichiers de logs et d'erreurs ainsi

que les modules qui ont été chargés.

• « Répertoire www » contient vos sites. C'est ici qu'il faut mettre vos fichiers pour les

tester avec Wampserver.

• « phpMyAdmin » est un ensemble de pages PHP qui permettent très facilement de

gérer vos base de données MySQL.

• « Localhost » est la racine de votre serveur. Il résume la configuration de Wampserver

et vous permet d'accéder à vos projets.

Pour commencer à utiliser Wampserver, cliquez sur «

dans votre navigateur favori. Vous devriez arriver à une page semblable à celle

Depuis cette page, vous pouvez constater que Wampserver est bien lancé et

accéder à vos différents projets. Pour visualiser un projet, cliquez simplement sur le dossier

contenant votre site et Wampserver se chargera de l'afficher.

Pour commencer à tester votre site, il faut commencer par le placer dans le dossier «

C:\wamp\www\Mon_Site».


« Démarrer les services » permet de lancer les services de Wampserver au cas ou ils

MySQL, PHP et Apache vous permettent d'accèder à la configuration précise de ces


que les modules qui ont été chargés.

« Répertoire www » contient vos sites. C'est ici qu'il faut mettre vos fichiers pour les

r avec Wampserver.

« phpMyAdmin » est un ensemble de pages PHP qui permettent très facilement de

gérer vos base de données MySQL.

« Localhost » est la racine de votre serveur. Il résume la configuration de Wampserver

et vous permet d'accéder à vos projets.

Pour commencer à utiliser Wampserver, cliquez sur « Localhost ». Une page va alors s'ouvrir

dans votre navigateur favori. Vous devriez arriver à une page semblable à celle

Depuis cette page, vous pouvez constater que Wampserver est bien lancé et


contenant votre site et Wampserver se chargera de l'afficher.


Classe de TSTI2D1


4

« Démarrer les services » permet de lancer les services de Wampserver au cas ou ils

à la configuration précise de ces


« Répertoire www » contient vos sites. C'est ici qu'il faut mettre vos fichiers pour les

« phpMyAdmin » est un ensemble de pages PHP qui permettent très facilement de

« Localhost » est la racine de votre serveur. Il résume la configuration de Wampserver

». Une page va alors s'ouvrir

dans votre navigateur favori. Vous devriez arriver à une page semblable à celle-ci :

Depuis cette page, vous pouvez constater que Wampserver est bien lancé et vous pouvez



Sur la page de localhost, le dossier contenant votre site apparait alors dans la partir projet :

Cliquez simplement sur le dossier du site que vous souhaitez tester et Wampserveur

chargera de l'interpréter. Au final, vous obtenez quelque chose ressemblant à ceci :

Vous pouvez noter que l'adresse du site commence par : « http://localhost/ ». Cela signifie que

le site se trouve sur votre machine et que par conséquent, il n'est

On appel cela le développement en « local ».

Voilà ! Vous êtes maintenant à même de tester votre site de manière locale grâce à

Wampserver !



Cliquez simplement sur le dossier du site que vous souhaitez tester et Wampserveur



le site se trouve sur votre machine et que par conséquent, il n'est pas accessible depuis le web.

On appel cela le développement en « local ».


Classe de TSTI2D1


5


Cliquez simplement sur le dossier du site que vous souhaitez tester et Wampserveur se



pas accessible depuis le web.


Wampserver en serveur local

Pour utiliser Wampserver en serveur local

L'icône de Wampserver deviendra alors :

Pour pouvoir afficher la page d'accueil de wamp, il faut connaître l'IP de la machine hôte

c'est-à-dire celle qui exécute Wampserver. Une méthode très simple qu

dans l'interface de windows est d'utiliser la commande « ipconfig ».

Si tout est bien configuré, il suffit

navigateur d'une des machines du réseau et la page d'accueil de Wam

comme ceci :


Wampserver en serveur local

serveur local il suffit de cliquer sur « Passer en ligne »

L'icône de Wampserver deviendra alors :


dire celle qui exécute Wampserver. Une méthode très simple qui évite de se perdre

dans l'interface de windows est d'utiliser la commande « ipconfig ».

t est bien configuré, il suffit d'entrer l'IP de la machine hôte dans la barre d'adresse du

navigateur d'une des machines du réseau et la page d'accueil de Wampserver s'affichera

Classe de TSTI2D1


6

il suffit de cliquer sur « Passer en ligne » :


i évite de se perdre

d'entrer l'IP de la machine hôte dans la barre d'adresse du

pserver s'affichera

Documents

Classe de TSTI2D1 1 Utilisation d’un serveur APACHEfbigratsti2d.free.fr/ActiviteHTML/Wampserver - 2018.pdf · Utilisation d’un serveur APACHE Utilisation de Wampserver Apache