Il y a quelque temps je vous avais expliqué comment installer un serveur web sur votre ordinateur grâce à Movamp. Cette solution n’étant plus maintenue, je vous propose de mettre en place un serveur web local en utilisant EasyPHP.

Qu’est-ce qu’un serveur web ?

Un serveur web est un environnement permettant de stocker et d’interpréter des fichiers informatiques. Il existe des environnements Windows et Linux. Je m’intéresse plus particulièrement aux serveurs Linux utilisant des solutions open source. Vous trouverez souvent la notion de LAMP qui désigne une infrastructure composé de Linux Apache Mysql et Php. Linux étant le système d’exploitation, Apache étant le serveur permettant d’héberger les fichiers, Mysql étant la base de données stockant les informations et Php étant le langage permettant d’interpréter les instructions contenues dans les fichiers.

Pourquoi un serveur local ?

Un serveur web local permet de disposer d’un environnement permettant de simuler un serveur internet. L’avantage réside dans le fait que vous pouvez développer et tester vos sites internet sans devoir envoyer vos fichiers chez un hébergeur. Vous gagnerez un précieux temps puisque vous n’aurez pas besoin d’envoyer par FTP les fichiers mis à jour puisque vous intervenez directement sur le disque dur de votre PC.

Pourquoi EasyPHP ?

EasyPHP intègre régulièrement les évolutions de ses composants et édite une nouvelle version. Que se soit pour Apache mais surtout pour PHP et MySQL, disposer des dernières versions permet de tester le site internet en cours de développement sur un environnement se rapprochant de celui que vous rencontrerez chez l’hébergeur que vous aurez sélectionné pour la mise en ligne de votre site.

Installer EasyPHP

• Télécharger EasyPHP depuis le site internet www.easyphp.org
• Double-cliquez sur le fichier exécutable que vous venez de télécharger
• Choisissez un répertoire d’installation et suivez les instructions

Démarrer EasyPHP

Pour démarrer EasyPHP, il faut lancer Apache et MySQL. Après l’installation, un raccourci vers EasyPHP est créé dans le répertoire « Démarrer/Tous les Programmes/EasyPHP ». Quand EasyPHP est lancé, une icône apparait à côté de l’horloge :

Un clic-droit donne accès à différents menus :

• Aide : aide d’EasyPHP
• Fichiers de Log (ou Journal) : enregistrent les messages d’erreur générés par Apache, MySQL et EasyPHP
• Configuration : donne accès à différents outils de configuration
• Explorer : ouvre le répertoire « www » dans l’Explorateur Windows
• Administration : ouvre la page d’administration
• Web local : ouvre le web local
• Redémarrer : redémarre Apache et MySQL
• Démarrer/Arrêter : Démarre/Arrête Apache et MySQL
• Quitter : ferme EasyPHP

Nota : vous pouvez avoir En attente… en lieu et place de Démarrer/Arrêter, cela signifie que le serveur est en cours de démarrage ou qu’un service n’a pas pu démarrer correctement. Dans ce cas vous pouvez consulter les fichiers Log pour détecter la provenance de l’anomalie.

Utiliser EasyPHP

Vous devez mettre vos fichiers soit dans le répertoire « www » soit dans un alias que vous aurez créé, de façon à ce que PHP puisse interpréter vos pages PHP.

Pour visualiser vos pages, sélectionnez « Web local » en cliquant sur l’icône EasyPHP dans la barre de tâches de Windows ou bien taper http://localhost/ dans la barre d’adresse de votre navigateur préféré :

Arrêter EasyPHP

Un clic-droit donne accès au menu Quitter qui permet de fermer EasyPHP

J’espère que cette présentation vous sera utile pour tester ou développer vos sites internet. Si vous utilisez d’autres environnements, n’hésitez pas à laisser un commentaire pour nous faire part de votre expérience en la matière. Merci et à très bientôt.

Bien souvent la page contact est négligée.

On y trouve le plus souvent un pauvre formulaire avec peu d’information. Parfois, l’adresse mail est affichée en clair, donné en pâture aux robots chercheurs d’adresse à spammer…

Lorsqu’on analyse les statistiques de visites d’un site internet, on remarque que la page d’entrée n’est pas forcément la page d’accueil. Ainsi imaginons un internaute arrivant directement sur votre page contact. Pourquoi remplirait-il ce formulaire puisque qu’aucune information ou précision n’apparait avec cet outil de contact ? Et là vous perdez cette relation entre vous et votre visiteur.

Dans le cas d’un site professionnel, cette négligence peut vous couter cher…

Fort de ce constat, nous arrivons à la conclusion suivante : la page contact est une page comme les autres et se préoccuper de son contenu est incontournable. De plus, son contenu étant analysé par les moteurs de recherche, il faudra veiller à mettre des informations caractérisant l’activité de l’entreprise.

Sur le site de Maison Conseil Habitat, je me suis prêté à l’exercice car cette page était à la base construite de manière fort basic. On pouvait y découvrir les coordonnées de l’entreprise et un formulaire très sobre (nom + email + message).

J’ai ajouté, un visuel présentant une villa réalisée à la Motte par Maison Conseil Habitat, démontrant ainsi l’expertise de l’entreprise que vous allez contacter. Puis, j’ai ajouté un texte ayant le même objectif de présentation (mais visible par Google). Et enfin, j’ai créé un formulaire plus complet pour recueillir les informations nécessaires et suffisantes pour pouvoir contacter la personne désireuse d’obtenir des informations pour son projet immobilier.

Vous pouvez nous laisser vos bonnes pratiques dans la construction d’un page contact réussie.

Consulter la page contact modifiée

Je vais vous présenter la manière de disposer d’un serveur web sur votre PC. Mais, vous pouvez vous poser la question : «  c’est bien joli tout ça, mais à quoi ça va me servir ? ».

Pour une grande majorité des utilisateurs d’Internet, une telle mise en place ne sert à rien. Mais si vous êtes curieux ou tout simplement vous souhaitez vous lancer dans la création de sites Internet, la mise en place d’un serveur personnel local vous permettra d’installer, de tester et faire évoluer votre application web. Nous avons déjà évoqué la possibilité de tester Joomla en local grâce à un serveur local personnel.

Volontairement, nous n’allons pas procéder à l’installation des différents composants de ce serveur web mais utiliser la solution proposé par Mov’AMP qui a l’énorme avantage de contenir dans une archive zip tous les éléments nécessaire à cette mise en place.

Nous allons donc mettre en place une architecture appelée WAMP pour :
W : Windows, système d’exploitation bien connu…
A : Apache, serveur web capable de traduire les demandes du navigateur,
M : MySQL, base de données stockant les informations,
P : PHP, langage permettant de créer des sites Internet dynamiques capable d’interagir avec une base de données.

Apache, PHP et MySQL sont des Logiciels libres donnant à chacun le droit d’utiliser, d’étudier, de modifier, de dupliquer, de donner et de vendre ledit logiciel sans contrepartie. Se mode de distribution explique leur succès grandissant. Se sont également des solutions très performantes.
Sans vraiment le savoir, lorsque vous surfez sur Internet la majorité des sites visités s’appuient sur ces outils.

Passons maintenant à la mise en place du serveur web sur votre PC

Dans un premier temps, nous allons sur le site  de Mov’AMP (http://www.movamp.net/) pour télécharger l’archive contenant tous les éléments de notre futur serveur web. Mov’AMP est utilisable avec toutes les versions de Windows.

Décompressez l’archive pour obtenir l’ensemble des fichiers nécessaires à cette mise en place. La capture ci-dessous vous présente l’arborescence et nous pouvons vérifier la présence d’Apache, PHP et MySQL.

Nous devons maintenant démarrer notre serveur web. Pour cela, double cliquez sur Movamp.exe . Dans le cas ou vous bénéficiez de la protection de votre PC par le biais du Firewall installé sur XP et Vista, vous allez avoir deux alertes. Pour le bon fonctionnement de votre serveur, il faut débloquer les accès pour Apache HTTP server et mysql.

Cliquez sur Debloquer.

Cliquez sur Debloquer.

Une fois que tout est bien démarré, vous pouvez observer dans la barre de tâches l’icone Mov’AMP.

En cliquant avec le bouton droit de la souris, le menu Mov’AMP apparait donnant accès :

- Accueil, il s’agit de la racine de votre de votre serveur. Egalement situé sur un disque virtuel appelé W:
- phpMyAdmin est l’outil de gestion de la base de données MySQL
- phpinfo() permet de visualiser toutes les informations et paramétrages de PHP.

Voilà à quoi doit ressembler l’arborescence dans le poste de travail.

Pour faciliter la gestion des fichiers, Mov’AMP à créer un disque virtuel W:. Ainsi les fichiers de votre futur site internet seront à déposer dans le dossier nommé WWW (comme dans la capture ci-dessous).

Maintenant, que nous avons installé le serveur web sur notre PC, nous pouvons y accéder de deux manières liées aux conventions de nommage d’une machine connectée au réseau :
http://127.0.0.1 ou http://localhost
En fait, ces deux adresses mènent au même endroit, c’est-à-dire notre PC.

Une fois une de ces deux adresses entrée dans la barre d’adresse de votre navigateur, vous accédez à votre serveur web et nous retrouvons le fichier précédemment déposé.

Vous voilà fin prêt à utiliser votre serveur web personnel installé sur votre PC.

Equipé de cette manière, vous pouvez installer et tester toutes sortes de moteurs de sites Internet tel que les CMS s’appuyant sur le langage PHP et une base de données MySQL (Joomla, Drupal, Wordpress, Dotclear, …).