WAMP – Hébergement local d’une page web

Le serveur WAMP est un environnement *AMP pour Windows permettant de construire une architecture de serveur web complète.

Voyons ici comment utiliser le serveur HTTP de WAMP pour afficher notre site web en local (sur le même ordinateur que celui qui héberge le serveur). Avant de commencer, téléchargez puis installez WAMP ici ou la.


Présentation

Le serveur WAMP (pour Windows)

Le serveur WAMP est un environnement *AMP pour Windows permettant de construire une architecture de serveur web complète. Elle est équipé des logiciels libres et préconfigurés suivants :

  • Le langage PHP
  • Le serveur web Apache
  • Le SGBD MySQL ou MariaDB
  • Les interfaces de réglages des SGBD (Adminer, ou phpMyAdmin)

Une fois le serveur WAMP installé et lancé, en faisant un clic droit ou gauche sur l’icône [W] (icône verte en bas à droite) qui est apparue, on a accès à beaucoup d’options :

  • clic gauche
    • Répertoire www (répertoire dans lequel on met nos fichiers web)
    • Apache ˃ httpd.conf (fichier de configuration du serveur web Apache)
    • Apache ˃ httpd-vhosts.conf (fichier de configuration du serveur web Apache)
  • clic droit
    • Langue (Langue par défaut, mettez français)
    • Outil ˃ Port utilisé par apache (Port du serveur web, 80 par défaut)

Pour vérifier l’installation, tapez dans le navigateur du PC sur lequel est installé WAMP l’une des URL ci-dessous.

  • http://127.0.0.1
  • http://localhost
Si l’icône [W] reste orange ou rouge et ne passe pas au vert, ou si la page d’accueil de WAMP ne s’ouvre pas, il y a un problème.

Accès du serveur HTTP via le navigateur

Un serveur web (on dit aussi HTTP) comme WampServer est un serveur utilisé pour afficher du contenu web. Pour cela, il a besoin de plusieurs informations dont :

  • Le nom de domaine sur lequel il attend les requêtes (IP de l’hôte)
  • Le port sur lequel il attend les requêtes (par défaut 80, modifiable)
  • Le répertoire www dans lequel sera placé vos sites web

Ces informations sont présentes et modifiables avec d’autres dans les fichiers httpd.conf et httpd-vhosts.conf par exemple.


Le serveur HTTP de WAMP est par défaut pré-configuré pour n’être accessible que par son hôte via le port 80. Seuls les navigateurs de votre ordinateur peuvent y accéder. Pour cela, il suffit de taper dans la barre de recherche :

protocole://IP_hôte:Port_serveur

  • http://127.0.0.1:80 (l’IP 127.0.0.1 permet à l’hôte de s’appeler lui même)
  • http://127.0.0.1 (Le port n’a pas besoin d’être indiqué si c’est le 80)
  • http://localhost (localhost signifie par défaut 127.0.0.1)
Si vous souhaitez utiliser une IP autre que l’IP de rebouclage 127.0.0.1, tapez sur un invite de commandes ipconfig. Vous obtiendrez les IP de votre PC sur tous les réseaux physiques et virtuels auxquels il est connecté.

Ajout et accès d’un fichier dans WAMP

Une fois votre WAMP en place, il suffit de taper une URL sur la barre de recherche du navigateur de votre choix pour accéder au contenu du répertoire www :

protocole://domaine:hote/chemin_dacces_fichier_dans_www


Supposons que je stocke 2 fichiers index.html et styles.css dans un sous-dossier tests du répertoire www. Pour accéder à chaque fichier, par exemple styles.css , je dois taper dans la barre de recherche :

  • http://127.0.0.1:80/tests/styles.css
  • http://localhost:80/tests/styles (l’extension n’est pas obligatoire)
  • http://localhost/tests/styles (le port n’est pas obligatoire s’il vaut 80)

Ajout d’un site web dans WAMP

Supposons que je stocke mon site web (constitué de 2 fichiers index.html et styles.css) dans un sous-dossier tests du répertoire www. Pour accéder au site web (et non à l’un de ses fichiers), je dois taper le chemin d’accès de la page HTML de mon site sur mon navigateur comme je le ferai pour un simple fichier :

  • http://localhost/tests/ (le nom de fichier n’est pas obligatoire s’il s’appelle index.html)
  • http://localhost:80/tests/
  • http://127.0.0.1:80/tests/
  • http://127.0.0.1:80/tests/index
  • http://127.0.0.1:80/tests/index.html
Si votre navigateur ne renvoie rien, c’est que votre serveur ne s’est pas lancé ou que le texte tapé dans les fichiers texte contient une erreur
La demande d’ouverture du fichier HTML (index.html) dans le navigateur provoquera aussi, pour reconstituer la page web, l’ouverture des autres fichiers demandés par le fichier HTML dans la balise head.
Votre site n’est pas disponible depuis un autre hôte (PC, smartphone, …) ? C’est normal ! WampServeur interdit l’accès aux autres machines par mesure de sécurité. L’autorisation peut se faire à travers httpd.conf (à vos risques et périls)

Votez cet article :

We are sorry that this post was not useful for you!

Let us improve this post!

Tell us how we can improve this post?

Laisser un commentaire