Lors du développement d’un site Web, un concepteur de sites Web doit pouvoir voir ses pages Web de la même manière que l’utilisateur final. Parfois, il suffit de cliquer et de visualiser vos fichiers HTML dans le navigateur Web, mais si vous souhaitez tester un contenu dynamique, vous devrez configurer un serveur Web local. Faire cela est assez simple et peut être facilement accompli sous Windows, macOS et Linux. Il existe de nombreux types de serveurs Web disponibles, mais nous utilisons Apache dans ce didacticiel, car il s’agit du serveur le plus courant, très facile à configurer et compatible avec tous les principaux systèmes d’exploitation.
Configurer un serveur Web local sous Linux
Apache a été conçu pour les systèmes d’exploitation de type Unix. Linux fait partie de cette catégorie et l’installation et la configuration d’un serveur Web Apache peuvent se faire en une seule étape.
Ici, nous traitons de la ligne de commande. Les distributions les plus populaires vous permettent d’installer Apache sans le compiler à partir des sources à l’aide d’une simple commande.
Pour les distributions basées sur Debian, Ubuntu et Ubuntu :
sudo apt install apache2
Pour Red Hat et CentOS
sudo dnf install httpd
Une fois installé, naviguez dans votre navigateur Web vers « 127.0.0.1 » ou « localhost ». S’il affiche « Ça marche ! » cela signifie que votre installation Apache est réussie.
Pour mieux comprendre comment Apache sert cette page Web particulière, modifions-la. Pour ce faire, accédez au répertoire Web racine de votre machine locale Linux.
cd /var/www/html
Ouvrez “index.html” en tant que root avec votre éditeur de texte préféré.
Recherchez « ça marche ! » et remplacez le texte par quelque chose d’aléatoire comme « Routech.ro ! » (Cela pourrait être vraiment n’importe quoi.) Assurez-vous de sauvegarder le fichier.
Actualisez maintenant la page Web sur 127.0.0.1. Vous devriez voir « Rendre la technologie plus facile ! » où « ça marche ! » était autrefois.
Maintenant que vous avez configuré un simple serveur Web, vous pouvez jouer avec les paramètres de configuration dans “apache2.conf”.
sudo nano /etc/apache2/apache2.conf
Noter: sachez qu’à chaque fois que vous effectuez un changement de configuration, vous devrez redémarrer Apache pour qu’il s’applique.
sudo systemctl apache2 restart
Si cela ne fonctionne pas, vous pouvez le redémarrer en exécutant directement le fichier upstart.
sudo /etc/init.d/apache2 restart
Configurer un serveur Web local sur macOS
L’avantage de macOS est qu’Apache y est installé par défaut. Tout ce que vous avez à faire est de l’allumer.
Dans le Finder, allez dans “Applications -> Utilitaires”, puis double-cliquez sur Terminal pour l’ouvrir.
Pour activer votre serveur Web Apache déjà préinstallé, exécutez la commande suivante :
sudo apachectl start
Pour tester que notre serveur Web fonctionne, accédez à « 127.0.0.1 » ou « localhost » dans votre navigateur Web.
Nous pouvons modifier le contenu de la page Web en naviguant simplement jusqu’à la racine du document de la même manière que nous l’avons fait sous Linux. La seule chose qui diffère est l’emplacement du chemin.
cd /Library/WebServer/Documents/
Modifiez maintenant le fichier “index.html.en” à l’aide de votre éditeur de texte préféré. Changez « ça marche ! » à « Bonjour le monde ! »
sudo nano index.html.en
Si nous actualisons notre page Web hébergée sur 127.0.0.1, nous voyons maintenant les changements reflétés.
Pour configurer davantage le serveur Web Apache sous macOS, accédez au fichier “httpd.conf”.
sudo nano /etc/apache2/httpd.conf
Comme Linux, vous pouvez facilement redémarrer le service Apache en utilisant le apachectl commande avec les privilèges root.
sudo apachectl restart
Configurer un serveur Web local sous Windows
Contrairement à Linux et macOS, Windows n’est pas basé sur Unix, il n’y a donc pas de solution simple pour l’installer. Heureusement, il existe plusieurs assistants d’installation qui regroupent des éléments comme Apache, MySQL et PHP pour nous faciliter la vie. L’un d’eux est XAMPP.
Noter: XAMPP est également disponible pour Linux et Mac OS X.
Téléchargez la version Windows de XAMPP et commencer l’installation. Exécutez le programme d’installation lorsque vous y êtes invité. Vous ne pouvez sélectionner qu’Apache si vous n’avez besoin que d’un serveur Web. Cependant, si vous envisagez d’utiliser une base de données, vous pouvez également sélectionner MySQL.
Continuez l’installation et cliquez sur « Terminer » lorsque vous avez terminé. Par défaut, le panneau de configuration XAMPP sera lancé.
Cliquez sur “Démarrer” pour Apache et MySQL, si nécessaire.
Si vous accédez à « 127.0.0.1 » ou « localhost » dans votre navigateur Web, vous devriez voir la page de configuration XAMPP.
Pour créer une nouvelle page Web, la procédure est la même. Ouvrez le bloc-notes et créez un exemple de fichier HTML. Nommez-le “hello.html”.
Enregistrez-le dans la racine du document située dans “c:xampphtdocs”.
Accédez-y à l’aide de votre navigateur Web en vous rendant sur 127.0.0.1/bonjour.html. Vous pourrez voir la page Web que vous avez créée.
Noter: WampServer est une autre option solide pour installer Apache sur Windows.
Conclusion
Apache est une excellente solution pour créer des sites Web simples et complexes, mais ce n’est pas la seule option. Bien qu’Apache s’intègre bien sur les trois plates-formes, vous voudrez peut-être regarder IIS en option pour Windows, car il prend en charge de nombreuses fonctionnalités d’authentification Windows qu’Apache ne prend pas en charge. Cependant, pour simplement tester les fonctionnalités de base d’un site Web, Apache est parfait.
