Comment installer WordPress localement avec Vagrant

Développer localement est une des meilleures choses cela peut vous arriver. Cela vous permet non seulement de vous dispenser des heures de téléchargement, mais vous pouvez créer autant de projets que vous le souhaitez, travailler avec de vrais domaines localement et en général. accélérer tout ce que vous faites.

Vagrant est un excellent logiciel qui crée des machines virtuelles reproductibles et portables que vous pouvez utiliser comme environnements de serveur Web locaux. Dans cet article, je vais vous montrer pourquoi Vagrant est si génial et comment vous pouvez très rapidement utiliser des environnements de test WordPress impressionnants..

Vous pouvez également être intéressé par les articles suivants:

Installer WordPress via des lignes de commande
Installation de WordPress localement avec ServerPress
Configurer WordPress avec OpenShift
10 erreurs WordPress les plus courantes

Qu'est-ce que le vagabond?

Selon les propres mots de Vagrant, il peut être utilisé pour “créer et configurer poids léger, reproductible, et portable environnements de développement”. Voyons ce que chacun de ces termes signifie par rapport à votre environnement local.

Configurable:

Votre machine virtuelle est facile à créer, facile à configurer et surtout: elle peut être largement configuré. Les configurations par défaut conviennent parfaitement à la plupart des projets et aux tests occasionnels. avoir pour jouer avec, mais si vous avez besoin de puissance, c'est là.

Vous pouvez configurer les éléments comme vous le feriez dans un environnement de serveur réel. de la configuration de l'IP à l'installation automatique de git et d'autres logiciels, tout est possible et à vous de jouer.

Poids léger:

J'exécute plusieurs machines virtuelles sur mon ordinateur, chacune ayant deux fichiers de configuration d'une taille combinée de pas plus de 4Ko - c'est vrai, 2 fichiers, 4 Ko au total. Pour être honnête, mes réglages sont assez basiques, mais même si vous aviez quelque chose d'extrêmement élaboré, cela reviendrait à 10-100 Ko tout au plus.

Portable:

La portabilité vient du fait que les fichiers ont un tour de taille serré. Un fichier est un fichier spécial Vagrant, l'autre est un fichier bash; chacun contient un texte simple, rien de spécial. Par conséquent, vous pouvez les envoyer par courrier électronique et les sauvegarder sur Evernote, Google Drive ou Dropbox..

Reproductible:

C'est l'une des meilleures fonctionnalités de vagabond. En raison de la taille et de la portabilité des fichiers requis, des configurations de serveur spécifiques peuvent être facilement répliquées. Supposons que vous créiez une application nécessitant un serveur hautement paramétré. Créez le fichier Vagrantfile et le fichier bash d’installation et lancez-le..

Vous pouvez maintenant envoyer la configuration par e-mail aux membres de votre équipe et ils seront exécuter le même serveur dans quelques minutes.

Installation

Débuter avec un environnement de développement utilisant Vagrant comporte généralement trois étapes..

Installer Vagrant & Virtualbox
Créer une configuration de serveur
Créez votre environnement Web (par exemple, installez WordPress)

Installation de vagabond

Vagrant peut être installé en visitant la page de téléchargement, en sélectionnant votre système d'exploitation et en exécutant le package téléchargé. Puisque Vagrant s'appuie sur la virtualisation, vous aurez besoin d'un logiciel de virtualisation. Vagrant possède un support intégré pour VirtualBox mais peut être conçu pour fonctionner avec d’autres, mais dans l’intérêt de cet exemple, nous allons utiliser VirtualBox. Prenez-le ici.

Création d'une configuration de serveur

Vous pouvez utiliser des scripts prêts à l'emploi pour tout faire à votre place. Jeffrey Way a mis au point un excellent tutoriel sur l'abandon de MAMP et l'utilisation de Vagrant à la place. Jetez un coup d'oeil et assurez-vous de noter le code en haut:

curl -L -o 'install.sh' http://bit.ly/1hBfq57 && curl -L -o 'Vagrantfile' http://bit.ly/1mE3Qt9 && vagabond

Si vous créez un dossier, accédez à celui-ci à l'aide de votre terminal ou d'une invite de commande et collez le code ci-dessus, vous aurez créé un environnement local en un seul geste. Mais disséquons cela et voyons ce qui se passe.

Il se compose de 3 parties:

curl -L -o 'install.sh' http://bit.ly/1hBfq57

Cette commande télécharge un fichier d'installation déjà créé: la install.sh responsable de l’installation et de la configuration du logiciel une fois la machine virtuelle en marche. PHP, Apache, MySQL et d'autres choses similaires sont pris en charge ici.

curl -L -o 'Vagrantfile' http://bit.ly/1mE3Qt9

Cette volonté télécharger le Vagrantfile qui contient des informations sur la configuration du serveur et d'autres instructions d'installation de base. Cela détermine le système d'exploitation utilisé par le serveur, l'adresse IP vers laquelle le réseau est mappé; il peut être utilisé pour contrôler les autorisations et la propriété des fichiers, etc..

vagabond

Cette commande démarre le serveur.

Lorsque vous faites cela pour la première fois, cela prendra entre 5 et 20 minutes. La dite “boîte” doit être téléchargé (il contient par exemple le système d’exploitation), qui peut atteindre environ 700 Mo. Le serveur est ensuite provisionné (installé et configuré) et sera opérationnel..

Si vous redémarrez votre ordinateur ou arrêtez la machine virtuelle, vous devrez relancer la commande. Cette fois, il ne faudra que quelques secondes pour le faire fonctionner.

En un mot, cela ressemble beaucoup à l’installation de votre système d’exploitation et de votre environnement sur un ordinateur.. Le Vagrantfile assume les responsabilités du disque d'installation Windows / Linux / Mac; il dispose de tout le nécessaire pour faire fonctionner le système de base. Le fichier install.sh automatise les besoins logiciels initiaux. Pour votre ordinateur, cela équivaudrait à installer le dernier pilote vidéo, Photoshop, votre éditeur de texte préféré, vos navigateurs, etc..

le vagabond la commande s'apparente à allumer votre ordinateur. Lorsque vous effectuez cette opération pour la première fois, cela prend un certain temps, car vous devrez installer le système d'exploitation et le logiciel. Après cela, il faut 10 à 20 secondes pour que tout soit opérationnel.

Installer WordPress

Si vous avez suivi les instructions ici, vous devriez maintenant avoir un serveur opérationnel, mais que pouvez-vous faire avec, comment l'utiliser?

Voici quelques choses à savoir:

Vous pouvez accéder à l'environnement local via http://192.168.33.21
le html le dossier dans le répertoire d'installation est votre répertoire racine
L'accès à votre base de données MySQL est le suivant: Nom d'utilisateur: racine, Mot de passe: racine et Hôte: localhost.

La première chose à faire est d’utiliser SSH pour accéder à notre serveur afin de pouvoir configurer notre base de données et la préparer pour WordPress..

Utilisez le terminal pour accéder au dossier dans lequel vous avez installé votre machine virtuelle et tapez ssh vagabond.

Une fois que vous êtes dedans, vous pouvez taper mysql -uroot -p pour accéder à MySQL, tapez racine à l'invite du mot de passe.

Tout ce dont nous avons besoin est une simple base de données vide pour WordPress que nous allons créer avec la commande suivante: CREATE DATABASE wordpress

Ensuite, allez sur la page de téléchargement WordPress et récupérez la dernière version. Extrayez-le dans le html répertoire (le répertoire racine) et assurez-vous de déplacer tous les fichiers du répertoire créé. wordpress sous-répertoire un niveau supérieur.

À la fin, vous devriez voir le deux répertoires WordPress (wp-admin, wp-includes) et le fichiers WordPress par défaut juste à l'intérieur de votre html annuaire.

Détour: Dépannage

Si vous suivez ces instructions, vous constaterez que vous ne pourrez peut-être pas télécharger de fichiers via l'interface WordPress. Cela a à voir avec problèmes d'utilisateurs et de groupes qui peut être facilement réparé.

SSH sur le serveur et tapez ce qui suit sudo vi /etc/apache2/apache.conf. Cela ouvrira un éditeur de VI que vous pourrez utiliser pour éditer ce fichier..

Type /Utilisateur. Ceci recherche dans le document les occurrences de “Utilisateur”. Vous devriez voir la section où vous pouvez définir l'utilisateur et le groupe.

presse “je” entrer en mode édition. Utilisez les touches fléchées pour naviguer avec le curseur et éditer l'utilisateur et le groupe soit “vagabond”, comme ça:

 Utilisateur vagrant Groupe vagrant

Une fois cela fait, appuyez sur échappement, puis tapez la commande suivante: : wq. Cela enregistre le fichier et quitte l'éditeur vi.

Vous devriez maintenant taper halte vagabonde pour arrêter la machine virtuelle, suivi de vagabond pour le redémarrer.

Ça y est, les opérations sur les fichiers vont maintenant fonctionner dans WordPress.

À ce stade, vous pouvez visiter http://192.168.33.21 et installer WordPress comme d’habitude. Veillez à utiliser les informations d'identification d'accès à la base de données ci-dessus et le nom de la base de données que vous avez créé. Vous pouvez installer des plugins, des thèmes, créer votre propre code et faire tout ce que vous feriez normalement sur un vrai serveur..

Changer le nom d'hôte

http://192.168.33.21 n’est pas exactement la manière la plus conviviale d’ouvrir un projet. Heureusement, il est facile de changer cela en quelque chose de plus facile à retenir, tel que http: //wordpress.local..

SSH sur le serveur et accédez au dossier de configuration du site en tapant cd / etc / apache2 / sites-available.

Type ls pour lister le contenu du dossier. Vous devriez voir un fichier nommé 000-default.conf. Modifions ce fichier pour voir ce qu’il contient en tapant sudo vi 000-default.conf.

presse “je” pour entrer en mode insertion et aller jusqu'à la ligne 8 qui devrait dire #ServerName www.example.com. À l'aide de la directive ServerName, vous pouvez créer un itinéraire nommé vers un site Web..

Décommentez la ligne en supprimant le hachage au début et modifiez le nom du serveur comme vous le souhaitez. Il est de coutume d'utiliser quelque chose comme wordpress.dev, wordpress.local, ou même simplement wordpress - c'est à vous de décider. En fait, vous pouvez même utiliser facebook.com!

Enregistrez le fichier en appuyant sur échap et en tapant le : wq commande et redémarrez le serveur en tapant sudo service apache2 redémarrer.

Enfin, en dehors de votre machine virtuelle (assurez-vous que vous êtes ne pas SSH-d dans) éditez votre fichier hosts en utilisant le sudo vi commander. Sur Windows, cela peut être trouvé à C: \ windows \ system32 \ drivers \ etc \ hosts, sur les systèmes basés sur Linux, il peut être trouvé à / etc / hosts

Ajoutez la ligne suivante au fichier n'importe où:

192.168.33.21 wordpress.local

Assurez-vous d'utiliser le nom d'hôte que vous avez défini dans le fichier de configuration et enregistrez le fichier d'hôtes. Ce fichier essentiellement indique à notre ordinateur où charger un nom de serveur et comment le résoudre. Par défaut, votre ordinateur utilisera Internet. Si vous tapez facebook.com, il sera chargé à partir du Web..

toutefois, si vous avez lié facebook.com à l'IP de la machine virtuelle et l'avez défini en tant que ServerName, il sera chargé localement.

Vous devriez maintenant pouvoir taper wordpress.local et voir le même résultat que lorsque vous avez tapé 192.168.33.21.

Si tu fais ça après vous installez WordPress, vous pouvez voir des choses telles que les styles et les scripts cassés. La raison en est que WordPress stocke l'emplacement de la cible d'installation dans la base de données et qu'il sera défini sur l'adresse IP..

Pour que cela n'arrive pas, vous devriez créez d'abord votre serveur nommé et installez WordPress en allant sur wordpress.local (ou tout autre nom que vous avez choisi) au lieu d'utiliser l'adresse IP.

Utilisation de serveurs virtuels

Nous allons bien maintenant, mais dans l’état actuel des choses, nous devrons exécuter une machine virtuelle pour chaque projet, ce qui est une perte de temps. Par en utilisant des serveurs virtuels vous pouvez exécuter autant de sites Web indépendants que vous le souhaitez à partir de la même machine virtuelle.

La clé de ceci réside dans le fichier de configuration du site, le même fichier que nous avons utilisé pour changer le nom du serveur. Créons maintenant deux hôtes virtuels.

Tout d’abord, accédez au répertoire dans lequel vous avez créé la machine virtuelle et créez deux sous-répertoires: blog et magasin. Votre répertoire HTML d'origine devrait également être là.

Ensuite, SSH sur le serveur et accédez au répertoire / etc / apache2 / sites-available annuaire.

Créez deux nouveaux fichiers en copiant le fichier de configuration par défaut:

cp 000-default.conf blog.conf; cp 000-default.conf store.conf

Modifier le shop.conf déposer en utilisant la méthode que nous avons discutée précédemment. Assurez-vous que ServerName est défini sur shop.dev et définissez la directive DocumentRoot sur / var / www / shop - c'est le répertoire que nous avons créé tout à l'heure.

Faire la même chose avec le blog.conf fichier, en utilisant les valeurs correctes.

Utilisez le blog sudo a2ensite et sudo a2ensite shop commandes pour activer ces sites et utiliser le sudo service apache2 redémarrer commande pour redémarrer le serveur et quitter la connexion SSH en utilisant le sortie commander.

Maintenant, éditez le fichier hosts pour vous assurer que notre ordinateur sait comment résoudre les hôtes virtuels:

 192.168.33.21 blog.dev 192.168.33.21 shop.dev

Vous avez maintenant deux autres sites sur lesquels travailler: vous pouvez en atteindre un en tapant blog.dev dans la barre d’URL et le répertoire racine de ce site sera le répertoire blog. L’autre est le site shop.dev qui utilise le répertoire shop comme racine..

C'est beaucoup plus facile que de créer plusieurs machines virtuelles et nécessitera moins d'utilisation des ressources de votre ordinateur.

Conclusion

Nous avons beaucoup vécu dans cet article: nous avons installé Vagrant, appris à créer un environnement local et installé WordPress. Nous avons également appris quelques astuces, comme utiliser des noms de serveur et des hôtes virtuels..

Cela devrait vous aider à vous engager sur la voie du développement local. N'oubliez pas que vous pouvez facilement recréer votre environnement n'importe où, tout ce dont vous avez besoin est le fichier Vagrantfile et le fichier install.sh..

Faire plus!

Nous venons juste de rayer la surface de ce que Vagrant peut faire. Vous pouvez trouver des boîtes personnalisées sur lesquelles travailler avec Vagrantcloud ou vous pouvez même rechercher des boîtes qui imiteront votre environnement hôte en ligne réel..

De nombreuses tâches peuvent être automatisées et / ou personnalisées et vous pouvez utiliser des outils d'automatisation tels que WP-CLI pour installer WordPress et les plugins / thèmes associés à l'aide de quelques commandes..

Pour finir, jetez un coup d’œil à certains environnements Vagrant spécifiques à WordPress tels que VCCW, Vagrantpress et les 13 ressources Vagrant de WPTavern..