Activité 1
Héberger un site web en utilisant votre PC
en tant que serveur WAMP
Compétences visées :
• Installer et configurer le serveur web Apache
• Rendre un site web public
Recommandations clés :
• Bonne révision du résumé théorique
02 heures
CONSIGNES
1. Pour le formateur :
• Guider les apprenants pour installer et configurer Apache
2. Pour le l’apprenant :
• Suivre la procédure d'installation et de configuration
• Tester l'hébergement de son site
3. Conditions de réalisation :
• Support de résumé théorique accompagnant
• Installation de WAMP Server
4. Critères de réussite :
• Le stagiaire est-il capable de :
➢ Configurer Apache Server
➢ Rendre son site public
Activité 1
Héberger un site web en utilisant votre PC en tant que
serveur WAMP
Étape 1 : Installation du logiciel WAMP
• Le package WampServer est livré avec les dernières versions de Apache, MySQL et PHP.
• Téléchargez le fichier binaire WAMP 32 bits ou 64 bits et lancer l’installation.
• Suivre les instructions à l’écran, puis lancez WampServer.
PARTIE 5
Copyright - Tout droit réservé - OFPPT 73
Activité 1
Héberger un site web en utilisant votre PC en tant que
serveur WAMP
Étape 2 : Utilisation de WampServer
• Lors de l’installation, un répertoire www sera créé automatiquement. Ce répertoire est accessible sur « c:\wamp\www »
• À partir de ce répertoire, on peut créer des sous-répertoires (appelés « projets » dans WampServer) et placer tous les fichiers HTML ou
PHP dans ces sous-répertoires.
• Le clic sur le lien localhost dans le menu WampSever affiche l’écran principal de WampServer dans le navigateur ([Link]
PARTIE 5
Figure 44 : Page d’accueil de WampServer
Copyright - Tout droit réservé - OFPPT 74
Activité 1
Héberger un site web en utilisant votre PC en tant que
serveur WAMP
Étape 3 : Création d’une page HTML
• Afin de tester le serveur WampServer, placer un fichier exemple appelé « [Link] » dans le répertoire www.
• Accéder directement à ce répertoire en cliquant sur « www directory » dans le menu WampServer.
• À partir de là, créez un nouveau fichier avec le contenu ci-dessous et enregistrez-le :
<title>PHP Test</title>
• Les détails de l’installation PHP sont disponibles sur [Link]
PARTIE 5
Copyright - Tout droit réservé - OFPPT 75
Activité 1
Héberger un site web en utilisant votre PC en tant que
serveur WAMP
Étape 4 : Rendre le site public
• Par défaut, le fichier de configuration Apache est configuré pour refuser toute connexion HTTP entrante, sauf dans le cas d’une personne
venant de l’hébergement local.
• Pour rendre votre site accessible au public, il faut modifier le fichier de configuration Apache ([Link]).
• Remplacez les deux lignes Order Deny,Allow et Deny from all par celles ci-dessous : Order Allow, Deny et Allow from all
• Redémarrer tous les services WampServer en cliquant sur « Redémarrer tous les services » dans le menu.
• Le site devrait maintenant être accessible à partir de l’hébergement local.
• Vérifier qu’un pare-feu de PC ne bloque pas les requêtes web.
PARTIE 5
Copyright - Tout droit réservé - OFPPT 76
Activité 1
Héberger un site web en utilisant votre PC en tant que
serveur WAMP
Étape 5 : Utiliser un nom de domaine
• Pour utiliser un nom de domaine, tel que [Link], • Ajouter manuellement un fichier dans « C:\wamp\bin\apache\Apache-
avec une installation WAMP, il faut d’abord configurer VERSION\conf\extra\ » (VERSION est la version d’Apache).
certains fichiers. • Créer ensuite un fichier dans le Bloc-notes avec le contenu suivant et
• Supposons que le domaine [Link] a un enregistrez-le dans ce répertoire Apache.
enregistrement A dans le DNS avec l’adresse IP • ServerAdmin mail@[Link]
[Link].
• DocumentRoot "c:\wamp\www"
• Premièrement, ajouter la ligne suivante au fichier
C:\Windows\system32\drivers\etc\hosts : • ServerName [Link]
[Link] [Link] • ErrorLog "logs/[Link]"
• Éditer à nouveau [Link] (accessible via le menu • CustomLog "logs/[Link]" common
WampServer) pour ajouter un hébergement virtuel. Une • Cliquer sur « Redémarrer tous les services » dans le menu WampServer
fois ce fichier ouvert, rechercher « hébergements virtuels pour activer ces modifications.
», puis décommentez la ligne qui se trouve après, comme
• Désormais, le site devrait également être accessible via son nom de
ceci :
domaine.
PARTIE 5
# Virtual hosts
Include conf/extra/[Link]
Copyright - Tout droit réservé - OFPPT 77
