Comment créer votre propre serveur avec XAMPP pour la programmation HTML5 et CSS3 - pour les nuls

Il est beaucoup plus difficile de mettre en place un système de serveur fonctionnant à la main que de commencer à programmer HTML5 et CSS3 avec. Les solutions d'hébergement Web peuvent souvent être intimidantes.

La configuration de votre propre système à la main n'est pas recommandée. Cela ne vaut tout simplement pas la frustration car de très bonnes options sont disponibles.

XAMPP est un outil open source absolument merveilleux. Il a les paquets suivants intégrés:

Apache: Le serveur web standard et la pierre angulaire du paquet
PHP: Configuré et prêt à démarrer avec Apache et MySQL
MySQL: configuré pour fonctionner avec Apache et PHP
phpMyAdmin: Un outil de gestion de données prêt à fonctionner
Mercury Mail: Un serveur de messagerie
Serveur FTP FileZilla: Un serveur FTP
Bibliothèques PHP: Un certain nombre d'add-ons PHP utiles, y compris GD (support graphique), Ming (support Flash), et plus
Langues supplémentaires: Perl, un autre langage de script et de serveur extrêmement populaire, et SQLite, un autre paquet de base de données utile
Outils de contrôle et de configuration: Un panneau de contrôle on et éteint

Cette liste est une description de la version de Windows. Les versions Mac et Linux ont tous les mêmes types de logiciels, mais les paquets spécifiques varient.

Compte tenu de la puissance incroyable de ce système, le téléchargement est remarquablement petit. Le programme d'installation est seulement 34MB.

L'installation de XAMPP est assez simple: téléchargez simplement le programme d'installation et répondez à toutes les valeurs par défaut.

Si vous utilisez Windows, vous voudrez peut-être changer l'emplacement d'installation du paquet car le répertoire des fichiers du programme pose des problèmes à certains utilisateurs. Vous pouvez installer XAMPP à la racine du lecteur C: sur les installations Windows. Le répertoire par défaut est très bien pour Mac et Linux.

Exécution de XAMPP

Après avoir installé XAMPP, vous pouvez gérer vos nouveaux outils avec le panneau de configuration XAMPP.

Certains composants de XAMPP fonctionnent uniquement lorsqu'ils sont nécessaires. Certains autres composants (Apache et MySQL) sont destinés à fonctionner constamment en arrière-plan. Avant de commencer à utiliser votre serveur, vous devez vous assurer qu'il est activé.

Vous pouvez choisir d'exécuter Apache et MySQL en tant que service, ce qui signifie que le programme tourne toujours en arrière-plan. Cette disposition est pratique, mais elle réduit légèrement les performances de votre machine. Vous pouvez activer et désactiver Apache et MySQL selon vos besoins.

Laisser les programmes du serveur ouverts sur votre machine constitue un danger pour la sécurité.Assurez-vous de prendre des précautions de sécurité adéquates.

Testez votre configuration XAMPP

Vérifiez qu'Apache et MySQL fonctionnent, puis ouvrez votre navigateur Web. Définissez l'adresse sur // localhost.

Cette page indique que XAMPP est installé et fonctionne. N'hésitez pas à expérimenter avec les différents éléments de la section Demos. Même si vous ne savez pas encore ce qu'ils font, vous devriez savoir quelles sont leurs capacités.

Ajoutez vos propres fichiers

Bien sûr, le but d'avoir un serveur web est d'y mettre vos propres fichiers. Utilisez votre outil de gestion de fichiers pour trouver le répertoire XAMPP dans votre système de fichiers. Juste sous le répertoire XAMPP se trouve le dossier htdocs, le répertoire web principal. Apache ne sert que les fichiers qui se trouvent dans ce répertoire ou sous celui-ci.

Tous les fichiers que vous voulez que Apache serve doivent être dans htdocs ou dans un sous-répertoire de celui-ci.

Lorsque vous avez spécifié // localhost comme adresse dans votre navigateur, vous demandiez au navigateur de regarder votre machine locale dans le répertoire principal htdocs. Vous n'avez pas spécifié de fichier particulier à charger. Si Apache n'a pas de nom de fichier, il voit le fichier nommé index. html ou index. php, il affiche ce fichier, à la place.

Ainsi, dans le répertoire htdocs par défaut, le programme est immédiatement appelé. Bien que ce programme affiche la page d'accueil XAMPP, vous ne voulez généralement pas que cela se produise.

Renommez ou quelque chose de similaire. Il est toujours là si vous le voulez, mais maintenant il n'y a pas de page d'index, et Apache vous donne simplement une liste de fichiers et de dossiers dans le répertoire courant.

Vous ne voulez généralement pas que les utilisateurs voient cet index moche sur un serveur de production, mais dans un environnement de développement, vous pouvez voir exactement ce qu'il y a sur votre serveur. Après tout est prêt à partir, vous pouvez mettre en place ou des pages pour générer plus de répertoires professionnels.

Généralement, vous voulez avoir des sous-répertoires pour tous vos projets principaux.

Définir le niveau de sécurité

Lorsque vous utilisez un serveur Web et un serveur de données, vous créez des failles de sécurité majeures. Vous devez prendre quelques précautions pour vous assurer que vous êtes raisonnablement en sécurité:

Traitez votre serveur uniquement comme un atout local. N'exécutez pas une installation domestique d'Apache en tant que serveur de production. Utilisez-le uniquement à des fins de test. Utilisez un hôte distant pour le déploiement réel de vos fichiers. Il est préparé pour tous les maux de tête de sécurité.
Exécutez un pare-feu. Vous devez exécuter, au strict minimum, le pare-feu Windows fourni avec toutes les versions récentes de Windows. Vous pouvez également envisager un pare-feu open-source ou commercial. Bloquer l'accès entrant à tous les ports par défaut et les ouvrir uniquement si nécessaire. Il n'y a aucun besoin réel d'autoriser l'accès entrant à votre serveur Web. Vous avez seulement besoin de l'exécuter en mode localhost.
Exécutez les contrôles de sécurité de base. Le paquet XAMPP a un écran de sécurité pratique. Cliquez sur le lien de sécurité au bas de la page pour accéder à des utilitaires de sécurité faciles à utiliser.
Modifiez le mot de passe root de MySQL. Si vous ne l'avez pas déjà fait, utilisez le lien de sécurité pour changer le mot de passe root de MySQL.
Ajouter un mot de passe d'annuaire XAMPP. Tapez un mot de passe dans la moitié inférieure du formulaire de sécurité pour protéger votre répertoire contre tout accès non autorisé. Lorsque vous essayez d'accéder au répertoire, vous êtes invité à entrer ce mot de passe.