DE{CODE}: Best Practices für die Site-Bereitstellung mit Local

Obwohl es keinen falschen Weg gibt, Ihre Sites live zu schalten, geht diese Sitzung durch die verschiedenen Optionen zum Bereitstellen Ihrer Site aus Ihrer lokalen Umgebung in Ihrer Produktionsumgebung. Begleiten Sie die unabhängige Ausbilderin und Webentwicklerin Carrie Dills, wenn sie sich einige lokale Workflow-Tools ansieht und erläutert, warum Sie basierend auf Ihrem Team, Workflow und Site-Details möglicherweise eine Bereitstellungsmethode einer anderen vorziehen!

Sitzungsfolien

Vollständige Textabschrift

CARRIE DILS : Hallo. Willkommen bei den Best Practices für die Site-Bereitstellung mit Local. Als professioneller Webentwickler sind Sie also bereits mit der Idee vertraut, Websites auf Ihrem lokalen Computer zu entwickeln und sie dann auf dem Live-Server bereitzustellen, anstatt Ihre Entwicklung tatsächlich auf einem Live-Server durchzuführen. Wenn es darum geht, diese lokale Entwicklungsumgebung einzurichten, gibt es unzählige Optionen. Sie haben MAMP oder WAMP oder XAMPP oder DesktopServer.

Es gibt viele verschiedene Tools, die Sie dafür verwenden können. Mein persönlicher Favorit ist LocalWP. Es ist eine kostenlose Lieferung – Entschuldigung. Es heißt Local, ist aber unter localwp.com verfügbar. Es ist ein kostenloses Entwicklungstool. Es ist wirklich ziemlich einfach einzurichten und bietet nicht nur einen Ort für die lokale Website-Entwicklung, sondern auch einige Optionen für die Bereitstellung Ihres Website-Lebens. Aber es hat auch viele andere Extras für Ihren Workflow, Dinge wie Route SSH-Zugriff, WPCLI, etwas eingebautes Cache-Busting und sogar ein Ein-Klick-SSL.

Wenn Sie dies also bereits haben, können Sie loslegen. Wenn nicht, ist das in Ordnung. Bevor wir also überhaupt über Möglichkeiten sprechen, eine Bereitstellung durchzuführen, lassen Sie uns den Bus zurücksetzen und darüber sprechen, was bei der Migration einer WordPress-Site tatsächlich erforderlich ist. Betrachten Sie es also als zwei Dinge. Sie haben Ihre Dateien und Sie haben Ihre Datenbank. Und wenn wir über das Migrieren einer Website sprechen, sprechen wir einfach über das Verschieben dieser beiden Dinge auf einen Zielserver. Habe es?

In Ordnung. Wenn Sie also eine WordPress-Installation öffnen oder vielleicht einen neuen Download von WordPress durchführen und es öffnen würden, würden Sie drei Hauptdateien sehen – oder entschuldigen Sie, Ordner, WP Admin, WP Includes und WP Content und eine Handvoll von Dateien in diesem Stammverzeichnis. Nun, für die Zwecke einer Migration, vorausgesetzt, auf Ihrem Zielserver ist bereits WordPress installiert, ist alles, worüber Sie sich Sorgen machen, der WP-Inhaltsordner. Das wird also deine Themes, deine Plugins und auch alle Uploads enthalten, die du über deinen WordPress-Admin durchgeführt hast. Wenn Sie Mediendateien hochgeladen haben, werden sie auch physisch in diesem WP-Inhaltsordner enthalten sein.

In Anbetracht dessen haben wir Dateien, wir haben eine Datenbank. Schauen wir uns unsere Optionen an, um mit der Migration tatsächlich voranzukommen. In Ordnung. Wenn Sie sich mir in Ihrer Zeitmaschine anschließen würden, von der ich sicher bin, dass Sie genau dort sitzen, wo immer Sie sich das ansehen. Gehen Sie voran, hüpfen Sie in diese Zeitmaschine, und wir werden weit, weit zurück zu etwas gehen, das FTP oder Dateiübertragungsprotokoll genannt wird. Ich bitte Sie – ich fordere Sie auf, bitte verwenden Sie niemals FT –

[LACHEN]

–FTP. Wenn Sie müssen, gehen Sie zumindest zu SFTP oder Secure File Transfer Protocol, das diesem Dateiverschiebungsprozess eine Sicherheitsebene hinzufügt. Oder Sie sind vielleicht bei dem Host, der cPanel hat, das ähnlich funktioniert. Es ist ein Dateibrowser, und Sie verschieben Dateien zwischen Ihrem lokalen Server und Ihrem Live-Server hin und her. Das ist also für die Pflege der Dateien. Und du sagst, warte, Carrie. Ich erinnere mich, dass Sie gerade gesagt haben, dass Sie auch eine Datenbank verschieben müssen. Und ich weiß es zu schätzen, dass Sie sich daran erinnern.

Wenn es also um die Datenbank geht, könnte dies ein wenig einschüchternd wirken, wenn Sie nicht daran gewöhnt sind, in einer MySQL-Datenbank herumzustöbern. Und im Grunde besteht der Prozess darin, dass Sie Ihre lokale Datenbank als gzip-Datei exportieren. Sie werden das herunterladen und dann in Ihrem Datenbankmanager, der sich auf Ihrem Produktionsserver befindet, diese Datenbank importieren.

[KREIZENDES GERÄUSCH]

Es funktioniert, es funktioniert. Es erledigt die Arbeit. Aber Sie müssen wahrscheinlich ein Plug-in wie Better Search and Replace verwenden, um all diese Entwicklungs-URLs durch Ihre Live-URL zu ersetzen. Also behalte das einfach im Hinterkopf.

Als nächstes haben wir Migrations-Plug-ins. Wir haben uns offiziell in die Zukunft bewegt und finden einfachere Wege, Websites von Local zu Live zu verschieben. Wenn es also um Migrations-Plugins geht, gibt es eine Menge davon im WordPress-Plugin-Repository. Einige meiner Favoriten, All-In-One-Migration, Duplicater und WP Migrate DB.

Nun, wenn es um diese geht, werden diese Ihnen eine andere Art von Unterstützung geben. Also im Gegensatz zu dem vollständig manuellen Prozess, den wir uns mit cPanel oder SFTP angesehen haben. Diese werden einige nette Dinge tun, wie zum Beispiel, wenn sie Ihre Datenbank vorbereiten, sie werden weitermachen und Ihnen mit dieser URL helfen – lokal zu Live-URL-Tausch. Und es wird Ihre Dateien für Sie packen, aber Sie müssen immer noch etwas mit diesen Dateien auf der Empfängerseite tun. Und jedes dieser Plug-Ins funktioniert ein wenig anders, aber sie werden Ihnen dabei helfen, lokal live zu gehen.

Jetzt wäre ich hier nachlässig, wenn ich mein absolutes Lieblings-Plug-in dafür nicht erwähnen würde, nämlich Migrate DB Pro. Dies wurde von Brad Touesnard und seinem Team bei Delicious Brains erstellt. Und was dieses Plug-in tut, ist eigentlich ein Plug-in für die Bereitstellung im Großhandel. Es wird also Ihre Dateien und Ihre Datenbank nehmen, Sie können genau bestimmen, welche Tabellen Sie verschieben möchten, und diese dann in Ihre Live-Umgebung übertragen. Da es sich um ein erstaunliches Tool handelt, müssen Sie Ihre Brieftasche herausziehen, um es zu verwenden. Aber es ist eine enorme Zeitersparnis.

Aber du denkst vielleicht, Carrie, ich dachte, wir reden über Local. Und wir sprechen von Lokal. Früher mussten wir Backups erstellen, uns ansehen, was mit dem Migrationsprozess zu tun hatte, und uns dann einige Ideen einfallen lassen, wie Sie eine Website migrieren können. Jetzt ist WP Migrate DB Pro erstaunlich. Aber wenn es um Local geht, erhalten Sie auch diese lokale Entwicklungsumgebung. Aber warte, es gibt noch mehr. Sie erhalten etwas namens Local Connect und Magic Sync, d. h. die Möglichkeit, eine One-Push-Bereitstellung von Ihrem lokalen Standort aus durchzuführen, um zu leben. Und es lässt Sie tatsächlich auch in die andere Richtung gehen, wenn Sie ziehen möchten. Aber wir konzentrieren uns auf den Einsatz dafür.

Der einzige Haken an der Zusammenarbeit ist, dass Local Connect mit zwei Webhosts funktioniert, Flywheel und WP Engine. Jetzt weiß ich, dass viele von Ihnen, die dies sehen, möglicherweise bereits diese Konten haben. Das ist großartig. Wenn Sie dies nicht tun, keine Sorge, es gibt ein paar kostenlose Möglichkeiten, diese auszuprobieren.

Flywheel, Sie könnten also eine neue Demo-Site erstellen, diese hochdrehen und sie zum Spielen mit Local Connect verwenden. Und dann können Sie in ähnlicher Weise mit WP Engine ein kostenloses Partnerprogrammkonto erstellen, das mit einer Website geliefert wird, die Sie mit Local verbinden können.

OK. Seid ihr bereit für eine Demo? Ich hörte ein klares Ja. Also werde ich mit der Demo im März vorwärts gehen. Was könnte natürlich schief gehen?

[LACHT]

OK. Wenn es also um den Bereitstellungsprozess geht, müssen Sie einen Standort haben, an dem Sie bereitstellen können. Hier bin ich also in meinem WP Engine-Kontobereich. Ich erstelle eine lokale Site, und ich sage, dies ist eine Staging-Umgebung. Und wir werden weitermachen und das hinzufügen. Jetzt gehe ich zurück zu Local, zuerst muss ich Local mit meinem Host verbinden, in diesem Fall WP Engine.

Ich werde mich anmelden, und es gibt mir dort einige Links. Ich werde diesen oberen Link besuchen. Das bringt mich zurück zu meinem WP Engine-Konto, und dort kann ich meine Anmeldeinformationen generieren. Das gibt mir also einen API-Benutzernamen und ein Passwort. Lassen Sie mich fortfahren und das kopieren, zu Local gehen, das einfügen und dasselbe für das Passwort tun. Und jetzt sind wir dabei, uns mit WP Engine zu verbinden. Und was Sie hier sehen, ist eine Liste aller Websites, die ich auf WP Engine gehostet habe und die jetzt für mich und Local verfügbar sind. Und beachten Sie, dass ich diese direkt auf Local herunterziehen kann. Aber wir sprechen hier wieder von der anderen Richtung.

OK, also bist du soweit bei mir? Wir haben eine Website auf unserem Host erstellt, an die wir unsere lokale Website senden werden, und wir haben auch das lokale Tool mit WP Engine verbunden. Alles klar, vorwärts. Jetzt ist es an der Zeit, sich die Website anzusehen, die ich lokal entwickelt habe, und sie ist verdammt langweilig, aber ich möchte nur, dass Sie sehen, was es ist, damit wir einen Kontext dafür haben, wenn wir sie nach oben senden.

Also werde ich zuerst diese bestimmte Seite mit WP Engine verbinden. Und dann mit einem einzigen Klick, boop. Es wird nur angegeben, an welche Site Sie es senden möchten, und ich werde die lokale Demo-Site auswählen, die ich gerade erstellt habe. Und Sie können auch direkt zu Staging, Produktion oder Entwicklung wechseln. Und jetzt mache ich in diesem Fall die Inszenierung. Und Sie können optional angeben, ob Sie die Datenbank mitschicken möchten oder nicht. Hier ist ein Profi-Tipp. Wenn ich lokal entwickle, werde ich manchmal wirklich faul und verwende schreckliche Benutzernamen und Passwörter. Denken Sie daran, wenn Sie dies auf einen Live-Server übertragen, möchten Sie sicher sein, dass Sie einen sicheren Benutzernamen und ein sicheres Kennwort verwenden, auch wenn es sich nicht um Ihre Produktionsumgebung handelt.

OK. Also haben wir mit dem Pushing-Prozess begonnen. Dazu gehört das Hochladen der Dateien. Wir haben über das Verschieben von Dateien gesprochen

Und dann werden wir diese Datenbank hochladen, da wir die Datenbank in unseren Optionen ausgewählt haben. Es muss in einer großen Datenbank gewesen sein.

[LACHEN]

Jetzt führt es die URL-Suche und -Ersetzung durch, die wir erwähnt haben, und es überprüft das Präfix der Datenbanktabelle, um sicherzustellen, dass es eine Übereinstimmung zwischen lokal und live gibt. Durch diesen Bereitstellungsprozess kann ich sogar unten auf dem Bildschirm sehen, wie lange seit meiner letzten Bereitstellung vergangen ist. Gehen wir also zurück zu meinem WP Engine-Konto. Ich werde die Seite öffnen, die ich gerade gepusht habe. Und wenn wir es besuchen, können Sie sehen, dass es die Seite ist, die wir gerade vor Ort hatten. Auch hier ist es nichts Besonderes, aber da ist es. Und nur um Ihnen die URL-Situation zu zeigen, dort können Sie sehen, dass sie auf die Live-URL aktualisiert wurde. Also ziemlich cool.

In Ordnung. Immer noch bei mir? Um es noch einmal zusammenzufassen: Bisher haben wir eine Live-Site genommen – oder entschuldigen Sie, eine lokale Site, die wir lokal entwickelt haben. Wir haben eine Site auf dem Zielserver erstellt. Wir haben uns lokal mit unserem WP Engine-Konto verbunden und auch die spezifische Site mit WP Engine verbunden. Und dann, voila, mit einem Knopfdruck erledigt es das Ganze. Es ersetzt die URLs. Es sprengt den Cache. Es macht auch Backups während des Prozesses, nur für den Fall, dass etwas schief geht. Die Bereitstellung mit Local ist also – es ist so lächerlich einfach. Als ich es das erste Mal sah, war ich verkauft.

Falls Sie jetzt nicht ausreichend beeindruckt sind – ich hoffe, Sie sind es. Aber falls Sie es nicht sind, möchte ich Ihnen jetzt etwas namens MagicSync vorstellen. Jetzt ist MagicSync ein Viewer, in dem Sie eine Art Zwei-Fenster-Fenster erhalten, in dem Sie sehen können, was die Dateien auf Ihrer lokalen Site sind, und sie mit den Dateien auf der Zielsite vergleichen und wirklich genau angeben können, welche Dateien Sie bereitstellen möchten. Lass uns einen Blick darauf werfen.

OK. Hier bin ich also wieder in Local. Und wenn ich zu den lokalen Einstellungen gehe, gibt es eine Schaltfläche, die ich für MagicSync umschalten kann. Schalten Sie das ein und bewerben Sie sich einfach. OK, jetzt muss ich etwas erstellen – oder etwas zu meiner bestehenden lokalen Site hinzufügen, damit ich Ihnen zeigen kann, wie MagicSync funktioniert. Und ich werde das tun, indem ich meiner lokalen WordPress-Installation ein Design hinzufüge. Und wir werden einfach mit 2021 weitermachen.

Es spielt keine Rolle. Nochmals, ich zeige Ihnen nur ein Beispiel dafür, wie das funktioniert. Es muss also nicht aktiviert werden. Wenn ich also zurück zu Local gehe, klicke ich erneut auf Push. Und dieses Mal werden Sie bemerken – woo, da ist es, dieses MagicSync-Fenster. Und wenn wir nach unten scrollen, da ist es, das Thema 2021. Wir können sehen, dass es lokal im Dateiverzeichnis vorhanden ist und dass es zu dieser Remote-Umgebung hinzugefügt würde, wenn wir es pushen würden.

Wir können auch Dinge sehen, die gelöscht werden, wenn wir dies pushen würden, und das bedeutet, dass die Datei sowohl lokal als auch remote existiert. Mit MagicSync können Sie also noch einmal genau festlegen, welche Dateien Sie hochschieben möchten. Jetzt müssen Sie MagicSync nicht mehr verwenden. Sie könnten einfach einen Großhandels-Push von allem machen, was eine Möglichkeit ist, dies zu tun. Es dauert nur etwas länger, als wenn Sie MagicSync verwenden, um nur die von Ihnen angegebenen Dateien zu senden.

Also zurück zu WP Engine. Schauen wir uns die Live-Site an. Und wenn ich zu Themen gehe, kann ich es sehen. Das Thema 2021 ist da. Das ist so cool. OK, so funktioniert MagicSync also auf den Punkt gebracht. Auch hier könnten Sie MagicSync als Teil des Bereitstellungsprozesses verwenden oder einfach bei Local Push bleiben, und das funktioniert – das funktioniert auch wunderbar. Ich hoffe also, dass es Ihnen Spaß gemacht hat zu sehen, wie einfach es ist, dies zu tun.

Wenn Sie dabei auf Probleme stoßen, bietet Local ein wirklich fantastisches Community-Support-Forum. Und sie sind super aktiv. Wenn Sie also Fragen stellen, erhalten Sie dort Antworten. Und ein Gruß an Clay Griffith, der eigentlich der ursprüngliche Schöpfer von Local ist. Und er ist auch – Sie werden ihn auch in den Foren sehen.

Wenn Sie jetzt ein zahlender WP Engine- oder Flywheel-Kunde sind, erhalten Sie tatsächlich engagierten Support für Local und Local Connect, was wirklich, wirklich cool ist. Und beide Hosts, das weiß ich aus Erfahrung, haben tolle Support-Teams.

OK, fassen wir also zusammen. Wenn es um Migrationen geht, was ist die erste Option? Richtig, SFTP oder cPanel zusammen mit einer manuellen Datenbank, Migration. Sie werden es also exportieren und dann müssen Sie es importieren. Dies wäre also die manuellste Art, eine Bereitstellung durchzuführen. Als Nächstes haben wir Migrations-Plug-Ins und dann einige Datenbankhelfer, die Dinge wie das Suchen und Ersetzen in der URL erledigen, Dinge, die unsere WordPress-Datenbanktabellenpräfixe überprüfen können.

Es ist also besser – viel besser als das alte SFTP-Modell, aber es ist immer noch nicht 100 % ein Klick auf eine Schaltfläche. Was natürlich das letzte bleibt, Local Connect und MagicSync, um Ihre Dateien und Ihre Datenbank auf den Server zu bringen, und ich wette, Sie können sagen, welches mein Lieblingstool ist.

Wenn Sie also loslegen und loslegen möchten, würde ich Sie gerne einladen, Local von localwp.com herunterzuladen, falls Sie das noch nicht getan haben, und Local Connect ist eine völlig kostenlose Funktion. Denken Sie nur daran, dass es nur mit Schwungrad oder WP Engine funktioniert. Und es gibt ein paar Möglichkeiten, einen dieser Hosts auszuprobieren, einfach um mit Connect herumzuspielen und ein Gefühl dafür zu bekommen, wie es läuft.

In Ordnung. Damit möchte ich Ihnen für Ihre Zeit und Aufmerksamkeit danken und wünsche Ihnen viele glückliche Einsätze.