Imprimer le tutoriel
Fermer la fenêtre

kachouri.com sensible à l'écologieAdoptez l’éco-attitude.
N’imprimez cette page que si cela est vraiment nécessaire

cours et aide informatique
http://www.kachouri.com

Installation et utilisation de Xampp Server

Tutoriel réalisé par: Nidal Chabab Ajouté le 16 Juillet 2009
Comment installer et utiliser Xampp Server

Introduction l'installation de Xampp Server

Xampp au même titre que Wamp Serveur inclut un serveur Apache et un serveur Mysql, très utile lorsque l'on souhaite disposer d'un serveur Web sur sa machine en local. Dans ce tutoriel, nous allons voir comment procéder afin d'installer Xampp et également comment nous en servir. Pour cela, je vous invite tout d'abord à télécharger le logiciel Xampp à cette adresse : Xampp Server, il s'agit de la version utilisée dans ce didacticiel. Bon tutoriel.

1. Installation de Xampp Server

Lancez le fichier que vous venez de télécharger et cliquez sur Next:

tutoriel xamp server

Choisissez ensuite l'endroit où vous souhaitez installer Xampp Server puis cliquez sur Next

tutoriel xamp server

Sur l'écran suivant laissez tout par défaut et cliquez sur Install

tutoriel xamp server

Le processus d'installation est lancé, attendez un moment jusqu'à ce que la jauge verte soit complète :

tutoriel xamp server

A la fin de l'installation vous devriez avoir un message vous indiquant que l'installation s'est bien déroulée, cliquez alors sur Finish:

tutoriel xamp server

C'est alors qu'une fenêtre s'affiche vous rappelant le succès de l'installation et vous propose de lancer le Control Panel

tutoriel xamp server

Cliquez sur Oui, cette action aura pour effet de lancer la fenêtre ci-dessous:

tutoriel xamp server

2. Lancement des serveurs Apache et Mysql sous Xampp

Cette fenêtre est le point d'entrée de l'application. En effet, vous allez pouvoir grâce à cette interface gérer à la fois votre serveur Apache et votre serveur Mysql. Vous disposez sur cette fenêtre de boutons en face des services concernés. Ainsi, si vous voulez lancer le serveur Apache cliquez sur le bouton Start en face de Apache comme ci-dessous:

tutoriel xamp server

Si vous souhaitez lancer votre serveur Mysql, faites de même avec la ligne Mysql.

Pour vérifier que vos serveurs sont correctement lancés, lorsque vous cliquerez sur les boutons Start, vous aurez le message Running en vert en face des serveurs lancés correctement:

tutoriel xamp server

3. Vérification de l'initialisation des serveurs Apache et Mysql

Une fois que vous aurez lancé votre serveur Apache, afin de tester son bon fonctionnement je vous invite à ouvrir votre navigateur et à taper l'adresse suivante:

http://127.0.0.1

Ainsi, vous devriez voir s'afficher une page contenant le logo de Xampp comme ci-dessous:

 

tutoriel xamp server
Pour plus d'informations sur Apache c'est par ici

Maintenant nous allons tester que notre serveur Mysql est correctement lancé, pour celà je vous invite à ouvrir votre navigateur et à taper l'adresse suivante

http://127.0.0.1/phpmyadmin

Vous devriez voir s'afficher une interface appelée PhpMyAdmin qui permet de gérer son serveur de Base de données Mysql comme ci-dessous:

 

tutoriel xamp server
Pour plus d'informations sur PhpMyAdmin c'est par ici

Maintenant que nous disposons d'un serveur Apache et d'un serveur Mysql, nous pouvons bénéficier d'un serveur Web complet afin de développer notre propre site Internet Local.

4. Création d'un site dans Xampp

Maintenant que nous avons lancé nos 2 serveurs, nous pouvons créer des sites à volonté sur notre serveur local. Ce qu'il faut savoir, c'est que la racine du site est situé à l'endroit où vous avez installé Xampp dans le dossier HTDOCS

tutoriel xamp server

Ainsi, lorsque vous voulez créer un site sur votre serveur, il vous suffit de créer un dossier dans le dossier HTDOCS, dans notre cas nous avons créé le dossier Kachouri.

tutoriel xamp server

Ensuite, il vous suffira de créer dans ce dossier par exemple un fichier index.html qui contiendrait les mots "Notre premier site avec Kachouri.com"

tutoriel xamp server

Il faudra ensuite de nouveau ouvrir son navigateur et taper l'adresse suivante:

http://127.0.0.1/Nom_de_votre_dossier

Dans notre exemple, il faut taper dans la barre d'adresse: http://127.0.0.1/Kachouri

 

Et le résultat obtenu...

tutoriel xamp server

Conclusion

Nous avons vus dans ce tutoriel comment installer Xampp Server, qui nous a permis de voir qu'installer un serveur Web sur son poste devient accessible à tout le monde tant l'installation est simplifiée grâce à un fichier .exe. Nous avons également vu comment nous servir de Xampp et avons créé notre première page html.
Je vous dis à bientôt dans d'autres tutoriels sur kachouri.com ...