classe de tsti2d1 1 utilisation d’un serveur apachefbigratsti2d.free.fr/activitehtml/wampserver -...
TRANSCRIPT
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 d’un serveur APACHE
: Utilisation de Wampserver
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.
indows Apache MySQL PHP (dans la majorité des cas mais aussi
») », il comprend un programme destiné à se comporter comme
nateur.
Lorsque vous demandez à votre navigateur (comme Firefox, IE8, Chrome ou Opera par
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
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é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
Il existe de la même manière son homologue sous linux désigné par LAMP ou XAMPP (le X
) et sous Mac Os avec MAMP.
Ce logiciel est donc parfait pour tous les développeurs de sites web qui aimeraient tester leurs
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
Pour lancer WampServer, faire un double clique sur l’icône :
Classe de TSTI2D1
tilisation d’un serveur APACHE
2
Wampserver est un serveur web local pour windows. Par abus de langage, Wampserver
HP (dans la majorité des cas mais aussi
») », il comprend un programme destiné à se comporter comme
Lorsque vous demandez à votre navigateur (comme Firefox, IE8, Chrome ou Opera par
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
trouve directement sur votre machine. Il y a donc aucune information transmise sur l'extérieur
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.
Il existe de la même manière son homologue sous linux désigné par LAMP ou XAMPP (le X
qui aimeraient tester leurs
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
Classe de TSTI2D1
Utilisation d’un serveur APACHE
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».
Utilisation d’un serveur APACHE
« 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
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
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
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 «
Classe de TSTI2D1
tilisation d’un serveur APACHE
4
« Démarrer les services » permet de lancer les services de Wampserver au cas ou ils
à la configuration précise de ces
services individuellement. Vous y trouverez aussi les fichiers de logs et d'erreurs ainsi
« 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
accéder à vos différents projets. Pour visualiser un projet, cliquez simplement sur le dossier
Pour commencer à tester votre site, il faut commencer par le placer dans le dossier «
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 !
Utilisation d’un serveur APACHE
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 pas accessible depuis le web.
On appel cela le développement en « local ».
Voilà ! Vous êtes maintenant à même de tester votre site de manière locale grâce à
Classe de TSTI2D1
tilisation d’un serveur APACHE
5
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 se
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
pas accessible depuis le web.
Voilà ! Vous êtes maintenant à même de tester votre site de manière locale grâce à
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 :
Utilisation d’un serveur APACHE
Wampserver en serveur local
serveur local il suffit de cliquer sur « Passer en ligne »
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
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
tilisation d’un serveur APACHE
6
il suffit de cliquer sur « Passer en ligne » :
Pour pouvoir afficher la page d'accueil de wamp, il faut connaître l'IP de la machine hôte
i évite de se perdre
d'entrer l'IP de la machine hôte dans la barre d'adresse du
pserver s'affichera