Aller au contenu
Accueil » blog » XAMPP : servir plusieurs dossiers avec des hôtes virtuels

XAMPP : servir plusieurs dossiers avec des hôtes virtuels

    comme tu le sais XAMPP Il s’agit d’une plateforme qui englobe tous les composants d’un serveur Web (Apache, MySQL, etc.) de quoi aurez-vous besoin Développez vos applications localement.

    Voulez-vous ajouter un nom de domaine local comme monprojet.local Au lieu de localhost ?

    Les fichiers de vos serveurs doivent être placés dans le dossier xampp/htdocsce qui rend fatiguant de voir les fichiers étendus dans un autre dossier.

    Si vous souhaitez ajouter des dossiers en dehors du dossier xampp/htdocs à ton serveur xampp Ce tutoriel vous sera utile ????

    Dans ce tutoriel vous découvrirez comment ajoutez vos propres dossiers à Xampp et créez votre propre domaine local au lieu du « serveur local»!

    1. Configurer les hôtes virtuels dans XAMPP

    Pour appliquer correctement ce tutoriel, nous allons dans un premier temps préparer les lignes de configuration que nous utiliserons pourajoutez notre hôte virtuel à notre Xampp !

    Nous devrons d’abord activer le port. 80 pour les hôtes virtuels.

    Modifiez « httpd-vhosts.conf » pour ajouter vos propres VH

    Si vous avez le dossier xampp sur disque C: alors cherchez ce chemin : C:\xampp\apache\conf\extra

    Puis ouvrez le fichier httpd-vhosts.conf au profit de « Bloc-notes++» pour faciliter la tâche…

    2 httpd-vhosts nom d'hôte virtuel 80 xampp

    Prends-le # de la ligne NameVirtualHost *:80

    Et ajoutez à la fin du fichier un nouvel hôte virtuel (Hôte virtuel) comme suit:

    <VirtualHost easytutoriel.local:80>
    DocumentRoot "C:/Users/soufiane/Documents/easytutoriel"
    ServerName easytutoriel.local
    ErrorLog "logs/easytutoriel.local-error.log"
    CustomLog "logs/easytutoriel.local-access.log" combined
    <Directory "C:/Users/soufiane/Documents/easytutoriel">
    Require all granted
    Allow from all
    </Directory>
    </VirtualHost>

    Remplacer le chemin C:/Users/soufiane/Documents/easytutoriel par le chemin de votre fichier et le nom de domaine souhaité au lieu de easytutoriel.local ????

    2. Ajoutez le NDD local aux « hôtes »

    1ère étape : ouvrez votre éditeur en tant qu’administrateur

    Nous allons maintenant ajouter le domaine. .local a « Hôtes» pour le lier à notre adresse IP locale.

    Pour cela, ouvrez votre éditeur en tant qu’administrateur ou ouvrez le Le Gestionnaire des tâches« Archive» > «Exécuter une nouvelle tâche» > bloc-notes++ (avec « Créer cette tâche avec des privilèges administratifs« ) puis clique « D’ACCORD« .

    3 gestionnaire de tâches notepad++

    Une fois votre éditeur ouvert en tant qu’administrateur, nous ouvrirons le fichier hosts.

    2ème étape : Editer le fichier « hosts »

    L’archive hosts Il se trouve dans le dossier %SystemRoot%\System32\drivers\etc

    Un point, copier le chemin du dossier Dans la zone « nom de fichier » et écrire Montezvous aurez des hôtes devant vous sans avoir à suivre le chemin…

    Sélectionner « Hôtes » puis clique « Ouvrir» pour commencer à éditer le fichier.

    4 hôtes Windows ouvrent le bloc-notes ++

    Ajoutez une ligne de ce format :

    127.0.0.1       easytutoriel.local

    Ne supprimez aucune ligne ici. # est un commentaire, ajoutez votre ligne à la fin du fichier sans #.

    5 hôtes ajoutent une ligne de domaine local

    Enregistrez le fichierSi vous n’avez pas ouvert l’éditeur en tant qu’administrateur, vous ne pourrez pas le sauvegarder.

    3. Redémarrez Apache !

    Une fois tout cela fait, redémarrez Apache dans Xampp en cliquant sur «Arrêter » ensuite « Commencer« .

    6 redémarrer Apache Xampp

    Résultat :

    Voici un test, j’ai mis un fichier. salut.php dans mon dossier et en utilisant l’adresse http://easytutoriel.local/salut.php J’ai pu afficher le contenu de mon dossier ????

    7 essayez easytutorial.local xampp works

    Bonus : changer complètement la racine

    Si vous souhaitez modifier le « racine » de xamppil te suffit d’ouvrir le fichier httpd.conf assurance xampp\apache\conf et redémarrer Apache ????

    9 racine du document xampp htdocs

    Et voila!

    Si vous avez trouvé ce tutoriel utile, Je serai très heureux si vous mettez un « merci » dans les commentaires. ????

    Sinon je vous donne rendez-vous au prochain tutoriel !

    Merci d’avoir lu, cher lecteur.