Comment installer XAMPP et WordPress sur Windows Localhost

Une fois que vous avez connu la vitesse et la fiabilité, il n’y a pas de retour en arrière. Rappelez-vous l’époque avant l’Internet haut débit, où vous deviez attendre que les vidéos soient mises en mémoire tampon? Des moments horribles. Trois acclamations pour les vitesses Internet modernes!

Si vous avez l’habitude de développer vos sites sur un serveur en direct, c’est exactement ce à quoi ressemblerait le passage à un environnement de développement local tel que XAMPP. Un développement rapide et une fiabilité exceptionnelle. Vous ne pouvez jamais revenir aux anciennes méthodes.

Dans cet article, je vais vous montrer comment installer XAMPP sur votre PC Windows et faire fonctionner un site WordPress (y compris Multisite) en quelques minutes. Je couvrirai également certains problèmes courants que vous pourriez rencontrer et comment les surmonter.

Allons-y.

Si vous préférez une vidéo à la place, nous avons ce qu’il vous faut !

Qu’est-ce que XAMPP ?

En un mot, XAMPP est un serveur local que vous pouvez installer sur votre ordinateur portable / bureau pour imiter un serveur Web réel.

C’est une distribution de serveur Apache open source entièrement gratuite avec MariaDB (anciennement MySQL), PHP et Perl. XAMPP est disponible pour tous les principaux systèmes d’exploitation et est extrêmement facile à installer et à utiliser. Cela explique pourquoi c’est l’environnement de développement PHP le plus populaire.

Voici ce que signifient les alphabets de XAMPP:

• X—multiplateforme (X), car il prend en charge plusieurs systèmes d’exploitation
• Serveur HTTP A-Apache
• M—MariaDB (anciennement MySQL)
• P—PHP
• P—PERL

En dehors des composants principaux mentionnés ci—dessus, XAMPP habituellement livré avec d’autres outils utiles tels que Mercury mail server, phpMyAdmin pour l’administration de la base de données, Webalizer pour l’analyse des journaux du serveur Web, OpenSSL, Apache Tomcat pour l’exécution de code Java et le serveur FTP FileZilla.

Pourquoi XAMPP?

En tant que développeur WordPress professionnel, je ne saurais trop insister sur le fait que le fait d’avoir un environnement de développement local est bénéfique. Cela me permet de configurer de nouvelles installations WordPress en un tournemain. Et comme il est hébergé localement sur mon ordinateur, il n’y a pas de délai pour télécharger mes modifications et les voir s’animer sur le navigateur.

Vous voulez essayer un nouveau thème? Il suffit de le copier et de le coller dans votre répertoire wp-content/themes. Et bam! Il est chargé instantanément. La même chose avec les plugins et la modification des paramètres. Pas de retard de serveur, pas de tracas de téléchargement, pas de temps d’attente inutiles. Tout se passe en temps réel.

C’est comme emmener votre voiture sur une piste de course et la pousser à ses limites. L’environnement de test parfait pour se déchaîner sans aucune répercussion (enfin, presque).

Avec XAMPP installé sur mon PC, je peux continuer à travailler sur mon site même si je suis à distance sans connectivité. Le développement local est également très sécurisé, car votre site est hors ligne et à l’abri des regards indiscrets des pirates (et des clients embêtants).

Pourquoi XAMPP pour WordPress?

Comme tous les logiciels, WordPress a certaines conditions préalables à exécuter. Les exigences actuelles recommandées pour WordPress sont les suivantes:

• PHP version 7.3 ou supérieure
• MySQL version 5.6 OU supérieure OU MariaDB version 10.1 ou supérieure
• Prise en charge HTTPS
• Serveur Apache OU nginx

XAMPP coche toutes les cases énumérées ci-dessus. Il est gratuit, fiable, facile à utiliser et fonctionne sur toutes les principales plates-formes. Tu ne peux pas te tromper avec ça.

Installons XAMPP sous Windows

Étape 1: Téléchargez XAMPP

Commencez par télécharger la dernière version de XAMPP depuis le site Web d’Apache Friends. La version actuelle de XAMPP est 7.3.8 / PHP 7.3.8.

Remarque: Si vous utilisez Linux ou OSX, les étapes d’installation sont à peu près les mêmes. Assurez-vous simplement de télécharger la version appropriée de XAMPP pour votre système d’exploitation.

Étape 2: Installez XAMPP

Une fois téléchargé, exécutez le fichier d’installation de XAMPP.

Sélectionnez les composants que vous souhaitez installer. Si vous envisagez d’installer un site WordPress avec XAMPP, vous n’avez besoin que d’Apache, MySQL, PHP et phpMyAdmin. Je vérifierai tous les composants comme je voudrais les expérimenter plus tard.

Choisissez le répertoire d’installation de XAMPP (recommandé par défaut).

Décochez En savoir plus sur l’option Bitnami. Bitnami fournit des outils tout-en-un pour installer des applications open source populaires au-dessus de XAMPP. Cela inclut également des modules complémentaires pour l’installation de WordPress. Cependant, nous allons l’installer manuellement ici.

Une alerte de sécurité Windows peut vous être présentée à la fin de l’installation. Vous devez mettre le serveur HTTP Apache sur liste blanche à partir de votre pare-feu Windows Defender en cliquant sur le bouton Autoriser l’accès. Assurez-vous de cocher l’option « Réseaux privés, tels que mon réseau domestique ou professionnel ». C’est très important. XAMPP ne fonctionnera pas si vous ne cochez pas cette case et cliquez sur Autoriser l’accès.

Terminez la configuration et exécutez le panneau de configuration XAMPP.

Note d’installation 1: Désactivez l’UAC sous Paramètres Windows

Un avertissement de Contrôle d’accès utilisateur (UAC) peut vous être présenté par Windows. Rien à craindre. Assurez-vous simplement de ne pas installer XAMPP sous votre répertoire Program Files, car UAC peut interférer avec les autorisations d’écriture de XAMPP sur ce répertoire. Le répertoire d’installation par défaut est C:\XAMPP. Donc, si vous ne le changez pas, vous devriez être bon.

Si vous souhaitez apprendre à désactiver l’UAC (non recommandé sauf si cela est absolument nécessaire), le support Microsoft Windows est un bon point de départ.

Note d’installation 2: Désactiver temporairement l’antivirus et/ou le pare-feu

Certains programmes antivirus ou pare-feu peuvent causer des problèmes avec votre installation XAMPP. Si c’est le cas, il est suggéré de les désactiver temporairement jusqu’à ce que XAMPP soit installé avec succès.

Lisez la page FAQ de XAMPP Windows pour en savoir plus.

Étape 3: Ouvrez le Panneau de configuration XAMPP

Le panneau de configuration XAMPP comporte une interface utilisateur simple qui répertorie tous les modules de votre serveur local. Il vous permet de Démarrer / arrêter des modules individuels, d’accéder à leur zone d’administration, aux fichiers de configuration et aux journaux en un seul clic. Sa section inférieure affiche également toutes vos actions et erreurs (le cas échéant).

Outre les options discutées ci-dessus, le panneau de configuration XAMPP comporte également d’autres boutons sur son côté droit:

• Config : pour configurer les paramètres globaux de XAMPP
• Netstat : affiche toutes les connexions TCP actives (et les ports) sur votre ordinateur
• Shell : démarre XAMPP dans une ligne de commande personnalisée (CMD)
• Explorer : ouvre le dossier racine de XAMPP dans l’Explorateur Windows
• Services : affiche tous les services Windows sous la console de gestion Microsoft
• Aide: liens vers le forum de support des amis Apache
• Quitter: quitter le panneau de configuration XAMPP (le serveur continuera à fonctionner en arrière-plan)

Étape 4: Démarrez les modules Apache et MySQL

Cliquez sur le bouton Démarrer à côté du module Apache. Si tout est réglé correctement, votre serveur Apache devrait démarrer avec succès sous les ports 83 et 443.

Vous pouvez accéder au tableau de bord de votre serveur Apache en cliquant sur le bouton Admin à côté. Alternativement, vous pouvez également l’atteindre via l’URL http://localhost/dashboard/ dans votre navigateur.

Démarrez ensuite le module MySQL. Si une alerte de sécurité Windows vous est présentée pour mettre mysqld sur liste blanche.exe, cliquez sur Autoriser l’accès. Comme avant, assurez-vous d’avoir coché l’option « Réseaux privés, networks ».

Vous pouvez accéder à votre tableau de bord phpMyAdmin en cliquant sur le bouton Admin à côté du module MySQL. Ou vous pouvez simplement aller à http://localhost/phpmyadmin/ dans votre navigateur. Ici, vous pouvez gérer les bases de données MariaDB (ou MySQL) de vos projets web.

Conclut la configuration de XAMPP en tant qu’environnement de développement local. Il est maintenant prêt à héberger n’importe quel logiciel basé sur PHP (par exemple WordPress).

Tester votre installation XAMPP

La meilleure façon de vérifier si votre serveur local a été installé et configuré correctement est de créer une page de test PHP, de la placer dans le dossier localhost de XAMPP, puis d’essayer d’y accéder via votre navigateur.

Faisons ça maintenant. Créez un nouveau dossier appelé test dans votre répertoire C:\xampp\htdocs\. Ce répertoire est également accessible facilement en cliquant sur le bouton Explorer dans le panneau de configuration XAMPP, puis en allant dans le dossier htdocs.

Créez un fichier appelé test.php avec le code ci-dessous et placez-le dans le dossier C:\xampp\htdocs\test.

Essayez de visiter http://localhost/test/test.php dans votre navigateur. S’il affiche les mots « Bonjour le monde! Bienvenue sur WPMU DEV », puis XAMPP est installé et configuré avec succès sur votre système.

Installation de WordPress localement avec XAMPP

Étape 1: Créez une Nouvelle base de données MySQL pour Votre installation WordPress

Avant d’installer WordPress, nous avons besoin d’une base de données.

Dans votre panneau de configuration XAMPP, cliquez sur le bouton Admin dans la section MySQL. Une nouvelle fenêtre de navigateur s’ouvrira automatiquement avec l’interface du tableau de bord phpMyAdmin. Cliquez sur Bases de données en haut à gauche.

Vous serez maintenant invité à créer une nouvelle base de données. J’ai nommé le mien wpmudev.

Une fois que vous avez entré un nom, cliquez sur Créer et fermez la fenêtre.

Étape 2: Téléchargez et installez WordPress

Téléchargez la dernière version de WordPress.

Décompressez WordPress dans le bon dossier sous XAMPP. Dans mon cas, c’est C:/xampp/htdocs. Renommez-le en ce que vous voulez, mais il est recommandé de donner à ce dossier le nom de votre site. Je vais appeler cette installation de WordPress wptest.

Maintenant, allez dans le dossier WP de votre site, trouvez l’exemple wp-config.fichier php, et renommez-le wp-config.php.

Ouvrez le fichier et faites défiler vers le bas jusqu’à ce que vous voyiez les lignes suivantes:

Ces lignes de code définissent les informations de connexion de votre base de données. Mettez-les à jour selon les instructions ci-dessous:

• Remplacez « database_name_here » par le nom de votre base de données, qui dans mon cas est wpmudev.
• Remplacez « username_here » par « root » et modifiez le champ « password_here » pour qu’il soit vide.
• Enregistrez le fichier et fermez-le

Nous pouvons continuer avec notre installation WordPress maintenant. Ouvrez votre navigateur et accédez à http://localhost/wptest/.

Vous devriez voir l’écran de sélection de la langue de l’installation WordPress se charger.

Une fois que vous avez choisi votre langue, passez à l’écran suivant. Entrez le titre de votre site, le nom d’utilisateur de l’administrateur et les détails du mot de passe. Cliquez sur Installer WordPress.

Félicitations, vous avez installé WordPress avec succès sur votre serveur local.

Configuration locale de WordPress Multisite avec XAMPP

Étape 1: Activez WP Multisite dans votre wp-config.fichier php

Ouvrez votre wp-config.fichier php et ajoutez la ligne suivante juste au-dessus de la ligne qui dit /* C’est tout, arrêtez l’édition! Bonne édition. */.

define('WP_ALLOW_MULTISITE', true)

Cela activera le mode d’installation Multisite sur votre site WordPress.

Étape 2: Configurez votre réseau Multisite

Accédez à votre tableau de bord WordPress, puis à Outils > Configuration du réseau.

Entrez un nom pour votre réseau multisite et votre adresse e-mail d’administrateur réseau. Cliquez ensuite sur Installer.

WordPress va maintenant vous inviter à modifier votre wp-config.php et .fichiers htaccess.

Étape 3: Suivez les Instructions à l’écran de WordPress

Ouvrez votre wp-config.php à nouveau et ajoutez le code donné par WordPress sous votre édition précédente.

Ensuite, ouvrez.fichier htaccess et remplacez tout son code par celui donné par WordPress (Remarque: vous devrez remplacer complètement le contenu ici, pas seulement ajouter / modifier).

Si vous ne trouvez pas le.fichier htaccess, assurez-vous d’activer les paramètres d’affichage des fichiers cachés sur votre ordinateur. Si vous ne le trouvez toujours pas, créez-en un dans le même répertoire que votre wp-config.fichier php.

Multisite devrait maintenant être activé avec succès sur votre installation WordPress.

Vous devrez vous reconnecter. Et lorsque vous le ferez, vous pourrez accéder à des sites individuels de votre réseau multisite à partir de votre tableau de bord.

Vous pouvez également créer un nouveau site réseau à partir d’ici en cliquant sur le bouton Ajouter un nouveau.

Dépannage des problèmes courants avec XAMPP & WordPress

Alors que mon installation XAMPP et WordPress s’est déroulée sans accroc, tout le monde n’est pas aussi chanceux. XAMPP peut vous lancer une balle courbe à n’importe quelle étape de son installation et de celle de WordPress. Voici quelques problèmes courants associés à XAMPP (cliquez pour accéder à sa solution):

• Impossible d’installer XAMPP sous Windows
• Apache Ne Démarrera Pas Sans les Ports Configurés
• Impossible d’Ajouter ou d’Importer des Éléments de menu Supplémentaires (même lien que ci-dessus)
• Temps d’exécution Maximal de PHP Dépassé (même lien que ci-dessus)
• Taille maximale du fichier Dépassée (même lien que ci-dessus)
• Objet non trouvé! Erreur
• Erreur : Arrêt inattendu d’Apache
• Erreur cURL 60 : Problème de certificat SSL

XAMPP

XAMPP vous permet de configurer facilement un environnement de serveur local sur votre machine Windows. La meilleure chose à ce sujet est qu’il est entièrement gratuit et open source. Une fois installé, vous oublierez qu’il est même là. Vous pouvez même installer XAMPP sur une clé USB avec WordPress.

Avec XAMPP, vous pouvez développer et tester rapidement des sites WordPress sur votre système, plutôt que de le faire à la dure sur un site en direct. Vous pouvez essayer différents thèmes et plugins, tester leurs différentes fonctionnalités et expérimenter de nombreux autres aspects de votre site sans transpirer.

De plus, vous pouvez également installer autant d’instances de WordPress que vous le souhaitez (y compris Multisite). Qui savait que le dicton « penser global, agir local » s’applique également au développement Web!