DE{CODE} : meilleures pratiques pour le déploiement de site avec local

Bien qu'il n'y ait pas de mauvaise façon de mettre vos sites en ligne, cette session passe en revue les différentes options de déploiement de votre site de votre environnement local vers votre environnement de production. Rejoignez l'instructrice indépendante et développeur Web Carrie Dills alors qu'elle examine certains outils de flux de travail locaux et explique pourquoi vous pouvez choisir une méthode de déploiement plutôt qu'une autre en fonction de votre équipe, de votre flux de travail et des détails du site !

Diapositives de la session

Transcription du texte intégral

CARRIE DILS : Bonjour. Bienvenue dans les meilleures pratiques de déploiement de site avec Local. Ainsi, en tant que développeur Web professionnel, vous êtes déjà familiarisé avec l'idée de développer des sites sur votre machine locale, puis de les déployer sur le serveur en direct plutôt que de faire votre développement sur un serveur en direct. Lorsqu'il s'agit de mettre en place cet environnement de développement local, il existe des tonnes d'options. Vous avez MAMP ou WAMP ou XAMPP ou DesktopServer.

Il existe de nombreux outils différents que vous pouvez utiliser pour cela. Mon préféré est LocalWP. C'est une livraison gratuite - excusez-moi. Il s'appelle Local, mais il est disponible sur localwp.com. C'est un outil de développement gratuit. C'est vraiment assez facile à configurer et en plus d'être un lieu de développement de site local, il propose également des options pour déployer la vie de votre site. Mais il a aussi beaucoup d'autres avantages pour votre flux de travail, des choses comme l'accès SSH de route, WPCLI, certains contournements de cache intégrés, et même comme un SSL en un clic.

Donc, si vous l'avez déjà, vous êtes prêt à partir. Si non, c'est OK. Donc, avant même de parler des moyens de faire un déploiement, reprenons le bus et parlons de ce qui est réellement impliqué lorsqu'il s'agit de migrer un site WordPress. Pensez-y donc comme deux choses. Vous avez vos fichiers et vous avez votre base de données. Et lorsque nous parlons de migrer un site, nous parlons simplement de déplacer ces deux éléments vers un serveur de destination. J'ai compris?

D'accord. Donc, si vous deviez ouvrir une installation WordPress ou peut-être faire un nouveau téléchargement de WordPress et l'ouvrir, ce que vous verriez sont trois fichiers principaux - ou excusez-moi, des dossiers, WP Admin, WP Include et WP Content, et une poignée de fichiers dans ce répertoire racine. Maintenant, pour les besoins d'une migration, en supposant que WordPress est déjà installé sur votre serveur de destination, tout ce qui vous préoccupe est ce dossier WP Contents. Cela va donc contenir vos thèmes, vos plugins, ainsi que tous les téléchargements que vous avez effectués via votre administrateur WordPress. Si vous avez téléchargé des fichiers multimédias, ils seront également physiquement inclus dans ce dossier WP Content.

Donc, dans cet esprit, nous avons des fichiers, nous avons une base de données. Voyons nos options pour réellement aller de l'avant avec la migration. D'accord. Si vous me rejoignez dans votre machine à remonter le temps, que je suis sûr que vous avez à côté de vous partout où vous regardez cela. Allez-y, sautez dans cette machine à voyager dans le temps, et nous allons revenir en arrière à quelque chose appelé FTP ou protocole de transfert de fichiers. Je vous demande - je vous exhorte, s'il vous plaît, n'utilisez jamais FT -

[RIRE]

–FTP. Si vous devez, au moins, passez au protocole SFTP ou au protocole de transfert de fichiers sécurisé, qui ajoute une couche de sécurité à ce processus de déplacement de fichiers. Ou vous pouvez être avec l'hôte qui a cPanel, qui fonctionne un peu de la même manière. C'est un navigateur de fichiers, et vous déplacez des fichiers entre votre serveur local et votre serveur en direct. C'est donc pour s'occuper des fichiers. Et vous êtes comme, attendez, Carrie. Je me souviens que vous venez de dire que vous avez aussi une base de données à déplacer. Et j'apprécie que tu t'en souviennes.

Donc, en ce qui concerne la base de données, cela peut sembler un peu intimidant si vous n'êtes pas habitué à fouiller dans une base de données MySQL. Et, fondamentalement, le processus consiste à exporter votre base de données locale sous forme de fichier gzip. Vous allez télécharger cela, puis dans votre gestionnaire de base de données qui réside sur votre serveur de production, vous allez importer cette base de données.

[SON CRIANT]

Ça marche, ça marche. Il fait le travail. Mais vous devrez probablement utiliser un plug-in comme Better Search and Replace pour remplacer toutes ces URL de développement par votre URL en direct. Alors gardez cela à l'esprit.

Ensuite, nous avons des plug-ins de migration. Nous sommes officiellement entrés dans le futur et trouvons des moyens plus simples de déplacer des sites du local vers le live. Ainsi, en ce qui concerne les plug-ins de migration, il y en a une tonne dans le référentiel de plug-ins WordPress. Certains de mes favoris, migration tout-en-un, duplicateur et WP Migrate DB.

Maintenant, en ce qui concerne ceux-ci, ceux-ci vont vous donner un type d'assistance différent. Donc, par rapport à ce processus entièrement manuel que nous envisageons avec cPanel ou SFTP. Ceux-ci vont faire de belles choses comme quand il prépare votre base de données, il va aller de l'avant et vous aider avec cette URL - échange d'URL local à direct. Et il va emballer vos fichiers pour vous, mais vous devrez quand même faire quelque chose avec ces fichiers à la réception. Et chacun de ces plug-ins fonctionne d'une manière un peu différente, mais ils vous aideront dans le processus de mise en ligne locale.

Maintenant, je m'en voudrais de ne pas mentionner mon plug-in préféré absolu pour cela, qui est Migrate DB Pro. Ceci est créé par Brad Touesnard et son équipe chez Delicious Brains. Et ce que fait ce plugin, c'est en fait un plugin de déploiement en gros. Il va donc prendre vos fichiers, votre base de données, vous permettre d'obtenir une granularité réelle sur les tables que vous souhaitez déplacer, puis les pousser vers votre environnement en direct. Maintenant, parce que c'est un outil incroyable, c'est le cas - vous devrez sortir votre portefeuille pour l'utiliser. Mais c'est un énorme gain de temps.

Mais vous pensez peut-être, Carrie, je pensais que nous parlions de Local. Et nous parlons de Local. Auparavant, nous devions sauvegarder, examiner ce qui était impliqué dans le processus de migration, puis avoir des idées sur la façon dont vous pouvez migrer un site. Maintenant, WP Migrate DB Pro est incroyable. Mais quand il s'agit de Local, vous obtenez également cet environnement de développement local. Mais attendez, il y a plus. Vous obtenez quelque chose appelé Local Connect et Magic Sync, qui est cette capacité à effectuer un déploiement en une seule pression de votre local à vivre. Et cela vous permet également d'aller dans l'autre sens, si vous voulez tirer. Mais nous nous concentrons sur le déploiement pour cela.

Le seul problème est que Local Connect fonctionne avec deux hébergeurs Web, Flywheel et WP Engine. Maintenant, je sais que beaucoup d'entre vous qui regardent ceci ont peut-être déjà ces comptes. C'est génial. Si vous ne le faites pas, n'ayez crainte, il existe plusieurs façons gratuites de les essayer.

Alors Flywheel, vous pouvez créer un nouveau site de démonstration, le faire tourner, l'utiliser pour jouer avec Local Connect. Et puis, de la même manière, avec WP Engine, vous pouvez créer un compte de programme partenaire gratuit fourni avec un site que vous pouvez connecter avec Local.

D'ACCORD. Vous êtes tous prêts pour une démo ? J'ai entendu un oui retentissant. Je vais donc avancer avec la démo. Bien sûr, qu'est-ce qui pourrait mal tourner ?

[RIRES]

D'ACCORD. Ainsi, en ce qui concerne le processus de déploiement, vous devez disposer d'un site sur lequel effectuer le déploiement. Me voici donc dans ma zone de compte WP Engine. Je crée un site local, et je dis que c'est un environnement de mise en scène. Et nous allons continuer et ajouter cela. Revenant maintenant à Local, je dois d'abord connecter Local à mon hôte, dans ce cas, WP Engine.

Je vais me connecter, et cela me donne quelques liens là-bas. Je vais aller visiter ce lien du haut. Cela me ramène à mon compte WP Engine, et là je peux générer mes informations d'identification. Cela me donne donc un nom d'utilisateur et un mot de passe API. Laissez-moi continuer et copier cela, dirigez-vous vers Local, collez-le et faites de même pour le mot de passe. Et maintenant, nous sommes en train de nous connecter à WP Engine. Et ce que vous voyez ici est une liste de tous les sites que j'ai hébergés sur WP Engine qui sont maintenant disponibles pour moi et Local. Et notez que je peux les tirer directement vers Local. Mais, encore une fois, nous parlons ici de l'autre sens.

OK, donc tu es avec moi jusqu'à présent ? Nous avons créé un site sur notre hôte auquel nous allons envoyer notre site local, et nous avons également connecté l'outil local à WP Engine. Très bien, on avance. Il est maintenant temps de vérifier le site que j'ai développé localement et c'est sacrément ennuyeux, mais je veux juste que vous voyiez ce que c'est afin que nous ayons un contexte pour quand nous l'envoyons en amont.

Alors d'abord, je vais connecter ce site particulier à WP Engine. Et puis d'un simple clic, boop. Il va juste dire à quel site voulez-vous l'envoyer, et je vais sélectionner ce site de démonstration local que je viens de créer. Et vous pouvez également passer directement à la mise en scène, à la production ou au développement. Et maintenant, dans ce cas, je fais de la mise en scène. Et vous pouvez éventuellement inclure si vous souhaitez ou non envoyer la base de données. Voici une astuce de pro. Lorsque je développe localement, je deviens parfois vraiment paresseux et j'utilise des noms d'utilisateur et des mots de passe terribles. N'oubliez pas que lorsque vous envoyez ceci à un serveur en direct, vous voulez être sûr que vous utilisez un nom d'utilisateur et un mot de passe sécurisés, même s'il ne s'agit pas de votre environnement de production.

D'ACCORD. Nous avons donc commencé le processus de poussée. Cela implique de télécharger les fichiers. Nous avons parlé de déplacer des fichiers

Et puis nous allons télécharger cette base de données, puisque nous avons sélectionné la base de données dans nos options. Il devait être dans une grande base de données.

[RIRE]

Maintenant, il effectue la recherche et le remplacement d'URL que nous avons mentionnés, et il vérifie le préfixe de la table de base de données pour s'assurer qu'il s'agit d'une correspondance entre local et en direct. Donc, à travers ce processus de déploiement, et je peux même voir en bas de l'écran depuis combien de temps s'est écoulé mon dernier déploiement. Revenons donc à mon compte WP Engine. Je vais ouvrir ce site que je viens de pousser. Et si nous le visitons, là vous pouvez voir que c'est le site que nous venons d'avoir local. Encore une fois, ce n'est pas quelque chose de super spécial, mais ça y est. Et juste pour vous montrer la situation de l'URL, vous pouvez voir qu'elle a été mise à jour vers l'URL en direct. Tellement cool.

D'accord. Encore avec moi? Pour résumer, jusqu'à présent, nous avons pris un site en direct - ou excusez-moi, un site local que nous avons développé localement. Nous avons créé un site sur le serveur de destination. Nous nous sommes connectés localement à notre compte WP Engine et avons également connecté le site spécifique à WP Engine. Et puis, voilà, d'une simple pression sur un bouton, il fait tout. Il remplace les URL. Il casse le cache. Il effectue également des sauvegardes pendant le processus au cas où quelque chose se passerait mal. Donc, déployer avec local est– c'est tellement facile. La première fois que je l'ai vu, j'ai été vendu.

Maintenant, au cas où vous ne seriez pas suffisamment impressionné, j'espère que vous l'êtes. Mais au cas où vous ne l'êtes pas, je veux maintenant vous présenter quelque chose appelé MagicSync. Maintenant, MagicSync est une visionneuse où vous obtenez une sorte de fenêtre à deux volets où vous pouvez voir quels sont les fichiers sur votre site local et les comparer aux fichiers sur le site de destination et être très précis sur les fichiers que vous souhaitez déployer. Nous allons jeter un coup d'oeil.

D'ACCORD. Me voilà donc de retour en Local. Et si je vais dans les Préférences locales, il y a un bouton que je peux basculer pour MagicSync. Et activez-le, et allez-y et postulez. OK, maintenant je dois créer ou ajouter quelque chose à mon site local existant afin que je puisse vous montrer comment fonctionne MagicSync. Et je vais le faire en ajoutant un thème à mon installation WordPress locale. Et nous irons simplement avec 2021.

Cela n'a pas d'importance. Encore une fois, juste pour vous montrer un exemple de la façon dont cela fonctionne. Donc pas besoin d'activer. Donc, pour revenir à Local, je vais cliquer à nouveau sur Push. Et cette fois, vous remarquerez – woo, la voilà, cette fenêtre MagicSync. Et si nous faisons défiler vers le bas, le voilà, ce thème 2021. Nous pouvons voir qu'il est présent localement dans le répertoire de fichiers et que si nous le poussions, il serait ajouté à cet environnement distant.

Nous pouvons également voir des choses qui seront supprimées si nous devions pousser cela et ce que cela signifie, c'est que le fichier existe à la fois localement et à distance. Donc, avec MagicSync, vous pouvez encore une fois obtenir une précision sur les fichiers que vous souhaitez déplacer. Désormais, vous n'avez plus besoin d'utiliser MagicSync. Vous pouvez simplement faire une poussée en gros de tout, ce qui est une façon de le faire. Cela prend juste un peu plus de temps que si vous utilisez MagicSync pour envoyer uniquement les fichiers que vous spécifiez.

Revenons donc à WP Engine. Regardons le site en direct. Et si je vais aux thèmes, là je peux le voir. Ce thème 2021 est là. Ce est tellement cool. OK, c'est ainsi que fonctionne MagicSync en un mot. Encore une fois, vous pouvez utiliser MagicSync dans le cadre du processus de déploiement ou simplement vous en tenir à Local Push et cela fonctionne - cela fonctionne également à merveille. J'espère donc que vous avez apprécié de voir à quel point il est facile de le faire.

Maintenant, si vous rencontrez des problèmes lorsque vous faites tout cela, Local a un forum de support communautaire vraiment fantastique. Et ils sont super actifs. Donc, si vous posez des questions, vous y trouverez des réponses. Et bravo à Clay Griffith, qui est en fait le créateur original de Local. Et il est aussi - vous le verrez aussi sur les forums.

Maintenant, si vous êtes un client payant de WP Engine ou Flywheel, vous bénéficiez en fait d'un support dédié pour Local et Local Connect, ce qui est vraiment, vraiment cool. Et ces deux hôtes, je le sais par expérience, ont des équipes de support incroyables.

Bon, récapitulons. En matière de migration, quelle est cette première option ? À droite, SFTP ou cPanel avec une base de données manuelle, Migration. Vous allez donc l'exporter, puis vous devez l'importer. Ce serait donc la manière la plus manuelle de faire un déploiement. Ensuite, nous avons des plug-ins de migration, puis des assistants de base de données qui font des choses comme cette recherche et remplacement sur l'URL, des choses qui peuvent vérifier nos préfixes de table de base de données WordPress.

C'est donc mieux - bien amélioré par rapport à l'ancien modèle SFTP, mais ce n'est toujours pas 100% un clic sur un bouton. Ce qui, bien sûr, laisse ce dernier, Local Connect et MagicSync pour mettre vos fichiers et votre base de données sur le serveur et je parie que vous pouvez dire lequel est mon outil préféré.

Donc, si vous voulez aller de l'avant et commencer, j'aimerais vous inviter à télécharger Local à partir de localwp.com si vous ne l'avez pas déjà fait et Local Connect est une fonctionnalité totalement gratuite à utiliser. Gardez simplement à l'esprit que cela ne fonctionne qu'avec Flywheel ou WP Engine. Et il existe plusieurs façons d'essayer l'un ou l'autre de ces hôtes, juste pour jouer avec Connect et avoir une idée de la façon dont cela se passe.

D'accord. Sur ce, j'aimerais vous remercier pour votre temps et votre attention, et je vous souhaite de nombreux déploiements heureux.