Migration einer WordPress-Site von einem lokalen Server zur Produktion

Ein wesentlicher Bestandteil des Arsenals eines jeden WordPress-Entwicklers ist der lokale Server. In diesem Lernprogramm möchte ich Ihnen den gesamten Weg von der Installation eines lokalen Servers zum Theming, zum Exportieren von Datenbanken und darüber hinaus erleichtern.


Was wir tun werden

In diesem Lernprogramm werde ich Sie durch den gesamten Prozess der Installation eines lokalen Servers auf Ihrem Computer, der Erstellung einer Mock-Site und der Bereitstellung dieser Site in der Produktion führen. Am Ende dieses Tutorials sollten Sie verstehen können, wie Sie:

  • Installieren Sie einen lokalen Server und konfigurieren Sie WordPress lokal
  • Importieren Sie Inhalte in Ihre lokale Datenbank
  • Erstellen und bearbeiten Sie eine Site oder ein Plugin lokal
  • Installieren und konfigurieren Sie WordPress auf Ihrem Produktionsserver
  • Importieren Sie Datenbankinhalte in Ihre Produktionssite
  • Übertragen Sie den Ordner wp-content, der Plugins, Designs und andere Elemente enthält
  • Lehnen Sie sich zurück und genießen Sie Kunden, die Sie aufgrund minimaler Ausfallzeiten lieben!

Und für mich ist der letzte Punkt, worum es geht. Ich verstehe, dass es einige Einschränkungen für lokale Server gibt und manchmal ein Wartungsmodus erforderlich ist. Wenn Sie jedoch einen lokalen Server verwenden, können Sie nahezu alle Ausfallzeiten an einem normalen Standort effektiv beseitigen. Lasst uns ohne weiteres einschüchtern!


Schritt 1. Installieren und konfigurieren Sie einen lokalen Server

Ich persönlich benutze MAMP (ich bin ganz und gar ein Mac-Typ) und es steht hier zum Download zur Verfügung. Für Sie Windows-Benutzer würde ich XAMMP empfehlen, das hier verfügbar ist. Es gibt auch eine XAMMP-Version für Mac-Benutzer.

Klicken Sie auf den Link oben, um die Anwendung herunterzuladen. Ziehen Sie nach dem Herunterladen das Anwendungssymbol in Ihren Anwendungsordner (für Mac-Benutzer) oder verwenden Sie das XAMMP-Installationsprogramm für Windows-Benutzer.

Nach der Installation finden Sie MAMP in / Applications / MAMP. XAMMP befindet sich unter Start -> Programme -> XAMMP. Das wars für die Installation! Wenn Sie MAMP öffnen, sollten Sie die Einstellungen überprüfen, indem Sie auf die Schaltfläche "Einstellungen" klicken. Ihre Ports sollten auf dem Mac folgendermaßen eingerichtet sein:

Den lokalen Server zum ersten Mal starten

Nachdem der lokale Server installiert ist, müssen wir die Apache- und MySQL-Server starten. XAMMP wird mit Filezilla und Mercury als optionale Dienste geliefert.

Um die Server für MAMP zu starten, gehen Sie zu: / Applications / MAMP und klicken Sie auf das MAMP-Symbol. Das Control Panel sieht so aus:

In den obigen Bildern sehen wir, dass die grünen Lichter bedeuten, dass unsere Server aktiv sind. Bei meinem älteren MacBook war dies nicht immer der Fall (ich werde das später ansprechen). Fürs Erste bedeutet grün! Sie können die Startseite von MAMP öffnen, indem Sie auf die Schaltfläche "Startseite" klicken. Dadurch gelangen Sie zu Ihrem phpinfo-, phpMyAdmin-Zugriff und zu anderen wichtigen Konfigurationseinstellungen, die wir später verwenden werden.

Bei XAMMP sieht das Kontrollfeld unter \ xampp \ xampp-control.exe folgendermaßen aus:

Auch dies ist unkompliziertes Zeug. Klicken Sie auf "Start", um die Apache- und MySQL-Server zu starten. Sie können auf den Admin-Bereich zugreifen, indem Sie http://127.0.0.1 oder http: // localhost in Ihren Browser eingeben.

Herzlichen Glückwunsch zur Installation Ihres lokalen Servers!


Schritt 2. Installieren und Konfigurieren von WordPress auf Ihrem lokalen Server

Laden Sie zuerst die neueste Version von WordPress hier herunter. Danach können Sie die berühmte 5-minütige WordPress-Installation durchführen, die ebenfalls hier beschrieben wird.

  1. Erstellen Sie in phpMyAdmin Ihres lokalen Servers eine neue Datenbank mit dem Namen "wordpress". Sie können dies auf der allerersten Seite hinzufügen, die angezeigt wird, wenn Sie auf den phpMyAdmin-Link klicken.
  2. Entpacken Sie den WordPress-Ordner und kopieren Sie ihn in Anwendungen / MAMP / htdocs für MAMP und Programme / XAMMP / htdocs für XAMMP-Benutzer. Die neue URL für MAMP lautet http: // localhost: 8888 / wordpress /. Wenn Sie an einer Site arbeiten, die später etwas anderes wie "Blog" genannt wird, wäre jetzt ein guter Zeitpunkt, um den Ordner umzubenennen. Die URL ändert sich entsprechend.

    Da ich auch Websites ohne Wordpress entwickle, habe ich den gesamten Ordner kopiert, anstatt den Inhalt herauszunehmen. Durch das Hinterlassen von Stammelementen in einem eigenen Ordner können Sie auch Drupal-, Joomla- und Magento-Designs testen.

  3. Duplizieren Sie im WordPress-Ordner die Datei wp-config-sample.php und benennen Sie sie in wp-config.php um.
  4. Öffnen Sie wp-config.php in einem Editor. Ab Zeile 17 möchten Sie Folgendes bearbeiten, wobei Ihre Konfiguration auf der Startseite Ihres lokalen Servers angezeigt wird:
     // ** MySQL-Einstellungen - Diese Informationen erhalten Sie von Ihrem Webhost. ** // / ** Der Name der Datenbank für WordPress * / define ('DB_NAME', 'database_name_here'); / ** MySQL-Datenbank Benutzername * / define ('DB_USER', 'username_here'); / ** MySQL-Datenbankkennwort * / define ('DB_PASSWORD', 'password_here'); / ** MySQL-Hostname * / define ('DB_HOST', 'localhost');

    Offensichtlich haben wir in Schritt 1 unsere Datenbank "WordPress" genannt. Für MAMP-Benutzer können sowohl der Benutzername als auch das Kennwort auf "root" gesetzt werden, da dies der Standardadminbenutzer ist. Bei XAMMP hat der Benutzer "root" standardmäßig kein Kennwort.
    Sie können der Wordpress-Datenbank in phpMyAdmin weitere Benutzer hinzufügen, wenn Sie möchten. Der Hostname sollte "localhost" bleiben..

  5. Wenn die wp-config.php noch geöffnet ist, möchten wir auch unsere eindeutigen Authentifizierungsschlüssel erhalten. Besuchen Sie dazu https://api.wordpress.org/secret-key/1.1/salt/ und verwenden Sie den angezeigten Code, um die Zeilen 45 bis 52 zu ersetzen:
     define ('AUTH_KEY', 'setze hier deinen eindeutigen Satz'); define ('SECURE_AUTH_KEY', 'setze deinen eigenen Ausdruck hier'); define ('LOGGED_IN_KEY', 'setze deinen eigenen Satz hier')); define ('NONCE_KEY', 'setze hier deinen eindeutigen Satz'); define ('AUTH_SALT', 'setze hier deinen eindeutigen Satz'); define ('SECURE_AUTH_SALT', 'setze deinen eigenen Ausdruck hier'); define ('LOGGED_IN_SALT', 'Geben Sie hier Ihre eindeutige Phrase ein'); define ('NONCE_SALT', 'setze hier deinen einzigartigen Ausdruck');
  6. Speichern und schließen Sie die wp-config.php.
  7. Beginnen Sie den Installationsvorgang, indem Sie wp-admin / install.php besuchen. Wenn Sie als Site-URL in MAMP http: // localhost: 8888 / wordpress angeben, geben Sie http: // localhost: 8888 / wordpress / wp-admin / install.php ein.
  8. Wenn Ihre wp-config.php-Einstellungen korrekt sind, werden Sie aufgefordert, den Blognamen, Ihre E-Mail-Adresse und den Benutzernamen einzugeben.

Wenn ein Fehler auftritt, machen Sie sich keine Sorgen! Das Problem wird in Ihrer Datei wp-config.php sein. Gehen Sie dort hin und finden Sie heraus, welche Einstellung oben falsch ist.

Jetzt sollte WordPress auf Ihrem lokalen Server aktiv und bereit sein. Sie können auf das Admin-Dashboard von MAMP unter http: // localhost: 8888 / wordpress / wp-login.php zugreifen. Wenn Sie den Ordnernamen geändert haben, ändern Sie "WordPress" in den neuen Namen. XAMMP-Benutzer können auf Folgendes verzichten: 8888 oder 127.0.0.1/wordpress/wp-login.php eingeben.


Schritt 3. Erstellen und bearbeiten Sie Ihre Site

Beginnend mit Designs und Plugins

Ihre Standard-WordPress-Installation wird mit einem Standarddesign namens Twenty Ten geliefert. Um weitere Designs hinzuzufügen, können Sie sie direkt in den Ordner "wp-content / themes" kopieren oder über das WordPress-Dashboard unter "Darstellung -> Designs" installieren. Designs können lokal über "Darstellung -> Editor" oder einen Texteditor bearbeitet werden.

Plugins können auch auf die gleiche Weise installiert werden. Kopieren Sie sie entweder in wp-content / plugins oder suchen Sie neue Plugins über das WordPress-Dashboard in "Plugins -> Add New". Plugins können auch lokal über "Plugins -> Editor" oder einen Texteditor bearbeitet werden.

Ein lokaler Server ist auch eine gute Möglichkeit, neue Plugins zu testen und herauszufinden, welche für Ihre Sites geeignet sind. Jeder WordPress-Entwickler sollte über eine Werkzeugtasche mit Plugins verfügen, die er zur Verfügung stellen kann.

Inhalte importieren

Nun, da wir unser Thema und unsere Plugins haben, wie sieht es mit dem Inhalt aus? Klicken Sie hier, um eine XML-Datei mit WordPress-Post-Inhalten herunterzuladen, die Ihnen den Einstieg erleichtern soll.

So importieren Sie diesen XML-Inhalt in Ihren lokalen Server:

  1. Gehen Sie zu "Extras -> Importieren"
  2. Klicken Sie in der angezeigten Liste mit den Optionen auf "Wordpress", da Sie WordPress-Inhalte hochladen. Dies gilt auch, wenn Sie Daten von diesem Standort in Ihren Produktionsstandort importieren.
  3. Wenn Sie zum ersten Mal Inhalte importieren, werden Sie aufgefordert, den WordPress Importer zu installieren. Klicken Sie auf "Jetzt installieren". Dies installiert ein neues Plugin in unserem Ordner wp-content / plugins mit dem Namen "wordpress-importer"..
  4. Klicken Sie nach der Installation auf den Link, um den Importer zu aktivieren und auszuführen.
  5. Navigieren Sie zu der Datei posts.xml (oder einer anderen exportierten WordPress-Datenbankdatei) und laden Sie sie hoch.
  6. Im nächsten Bildschirm weisen Sie die neuen Beiträge einem Autor zu (normalerweise admin), und klicken Sie auf "Dateianhänge herunterladen und importieren". Ich finde das hilfreich, wenn ich neue Daten importiere.

Wenn Sie nun das Admin-Dashboard besuchen, werden Sie jetzt sehen, dass Sie jetzt Posts, Kategorien, Kommentare, Seiten und Benutzer zum Testen und Entwickeln von Designs und Plugins verwenden können.

Beim Importieren von Daten werden vorhandene Daten nicht überschrieben, sondern nur zu dem hinzugefügt, was vorhanden ist. Machen Sie sich also beim Import keine Sorgen.

Diese hübschen Permalinks bekommen

Das ist etwas, was mich sehr frustriert hat, als ich anfing zu arbeiten, aber die Lösung ist einfach.

Öffnen Sie zunächst Ihre httpd.conf-Datei in / Applications / MAMP / conf / apache /. Die Zeilen 378-381 werden folgendermaßen aussehen:

  Optionsindizes FollowSymLinks AllowOverride Keine 

Ersetzen Sie diesen Code durch:

  Optionsindizes FollowSymLinks AllowOverride All 

Ihre hübschen Permalinks sollten alle gut gehen, was auch Ihre Produktion beschleunigen sollte.


Schritt 4. Bereiten Sie den Produktionsserver vor

Nachdem Sie WordPress auf Ihrem lokalen Server installiert und konfiguriert haben, können Sie dieselben Prinzipien anwenden, um WordPress auf Ihrem Produktionsserver zu installieren.

Das Schöne daran ist, dass Sie nur einige der Einstellungen der Datenbank wp-config.php ändern müssen, um WordPress in einer Produktionsumgebung zum Laufen zu bringen:

  1. Melden Sie sich im Control Panel unseres Servers an, navigieren Sie zu phpMyAdmin und erstellen Sie die Datenbank "wordpress"..
  2. Stellen Sie sicher, dass Sie sich bei phpMyadmin angemeldet haben, und geben Sie dabei den Benutzernamen, das Kennwort und die Datenbankhostadresse an, da diese Werte in der Datei wp-config.php bearbeitet werden müssen.
  3. Bearbeiten Sie die Datei wp-config.php entsprechend den neuen Servereinstellungen.
  4. Laden Sie den gesamten WordPress-Ordner über FTP auf Ihren Produktionsserver hoch. Dies kann wiederum als etwas anderes bezeichnet werden, wenn Sie möchten, dass es sich in einem Unterordner befindet (z. B. http://mysite.com/blog/ - wobei "Blog" Ihre WP-Installation ist). Wenn Sie WordPress im Stammverzeichnis Ihrer Site installieren möchten, verschieben Sie den Ordner in den Stammordner Ihrer Site und verschieben Sie den Inhalt in den Stammordner, wobei der ursprüngliche WordPress-Ordner leer bleibt. Sie können diesen Ordner dann löschen. Dadurch wird auch sichergestellt, dass Sie alle Plugins und Designs, mit denen Sie getestet haben, übergehen. Sie können unerwünschte Plugins und Designs in Ihrer Produktionsumgebung löschen, indem Sie sie aus dem Ordner wp-content entfernen oder im WordPress-Dashboard deaktivieren.
  5. Schließen Sie die berühmte 5-Minuten-Installation wie zuvor beschrieben ab. Denken Sie daran, wenn ein Fehler vorliegt, liegt dies fast immer an einem Fehler in den Einstellungen von wp-config.php. WordPress informiert Sie sogar auf der Fehlerseite.

Jetzt ist WordPress in der Produktion aktiv, es fehlt jedoch an Inhalt. Wir müssen unsere lokalen Server-Inhalte, die wir perfektioniert haben, auf unsere Live-Site übertragen.


Schritt 5 Übertragen Ihrer Datenbankinhalte und -dateien

Exportieren des lokalen Serverinhalts

Um unsere lokalen Serverinhalte zu exportieren, müssen wir uns bei unserem lokalen WordPress-Dashboard anmelden. Wiederum http: // localhost: 8888 / wordpress / wp-login.php für MAMP-Benutzer und http: // localhost / wordpress / wp- login.php für XAMMP-Benutzer.

Scrollen Sie als nächstes zu "Extras -> Exportieren"..

Da dies der erste Export ist, wählen Sie "Alle Inhalte" und klicken Sie auf "Jetzt herunterladen". In WordPress heißt es: "Dies enthält alle Ihre Posts, Seiten, Kommentare, benutzerdefinierten Felder, Begriffe, Navigationsmenüs und benutzerdefinierten Posts.".

Sofort (abhängig von der Größe der Datenbank) haben Sie eine XML-Datei mit der Namensstruktur sitename.wordpress.year-month-day.xml. Dies ist die Datei, die wir genauso importieren wie posts.xml auf unserem lokalen Server.

Inhalte in die Produktion importieren

Da wir gerade gelernt haben, wie neue Daten in unseren lokalen Server importiert werden, verwenden Sie dieselben Prinzipien, um Ihre Inhalte von Ihrem lokalen Server auf Ihrem Produktionsserver zu installieren

Direkt in phpMyAdmin exportieren und importieren

Ich möchte auch darauf hinweisen, dass Sie auch direkt in phpMyAdmin importieren und exportieren können. Um unsere lokalen Serverdaten zu exportieren, würden wir:

  1. Öffnen Sie phpMyAdmin von der MAMP- oder XAMMP-Startseite.
  2. Klicken Sie auf unsere Datenbank mit dem Namen "WordPress" oder wie auch immer Sie die WordPress-Datenbank genannt haben.
  3. Klicken Sie auf die Registerkarte "Export" und wählen Sie einen XML-Export.
  4. Aktivieren Sie das Kontrollkästchen "Als Datei speichern". Da der Inhalt meiner Website klein war, entschied ich mich, sie nicht zu komprimieren, würde sie jedoch bei größeren Datenbanken wärmstens empfehlen.

Dadurch wird eine Datenbanksicherungs-XML-Datei direkt auf Ihrer Festplatte gespeichert. Jetzt können Sie es über WordPress oder phpMyAdmin Ihres Produktionsservers importieren.

Um die neu erstellte XML-Datei (meine als wordpress.xml gespeicherte) zu importieren, wiederholen Sie die Schritte 1 und 2 von oben. Klicken Sie jedoch in Schritt 3 auf "Importieren". Dieser Bildschirm sieht folgendermaßen aus:

Navigieren Sie zu Ihrer gespeicherten XML-Datei, und klicken Sie unter "Format der importierten Datei" auf das Optionsfeld für XML..

Und das sind alles Leute! Sie haben jetzt eine voll funktionsfähige Site, die Sie auf einem lokalen Server erstellt und konfiguriert, aber in die Produktion exportiert und bereitgestellt haben.


Tipps und Tricks zur Umgebung

Neben dem obigen Tutorial wollte ich ein paar Dinge aus dem Weg räumen, die ich in meiner lokalen Umgebung mache, die sich beim Übergang zur Produktion als hilfreich erwiesen haben:

Sichern Sie Ihre Website, bevor sie live geht

Dieses letzte Jahr war das erste Mal, dass eine Website gehackt wurde. Ich weiß, dass dies für manche ein alter Hut ist, aber es gibt nichts Besseres, als von einem Kunden angerufen zu werden, um ihn zu melden. Nun, die gute Nachricht war, dass es einfach war, auf sie aufzupassen und sie zu sichern, aber durch diese Erfahrung habe ich gelernt, dass Sie niemals einen Fehler machen können, wenn Sie Ihre Website früh sichern.

Eine der einfachsten Maßnahmen, um Ihrer Website eine Sicherheitsstufe hinzuzufügen, ist das Erstellen einer leeren index.php-Datei, und platzieren Sie diese im Ordner WP-Content, WP-Content / Plugins, WP-Content / Themes. Dies ist eine schnelle Lösung, die zu Beginn des Entwicklungsprozesses ausgeführt werden kann, um eine zusätzliche Sicherheitsebene für Ihre Website zu erstellen, indem Sie die Indizierung Ihres Inhalts verhindern.

In dieser Datei index.php füge ich einfach folgenden Code hinzu:

 

Nutzen Sie Ausfallzeiten, um neue Dinge zu lernen

Mein lokaler Server hat sich als äußerst wertvoll erwiesen, wenn ich die Grundlagen von WordPress-Plugins und -Themen kennen lernte. Da ich das Internet nicht mehr brauche, kann ich die Designs und Plugins herunterladen, die ich möchte, und immer dann, wenn ich die Gelegenheit habe, die Dateien und Funktionen durchzusehen.

Dies mag ziemlich vernünftig klingen, aber meinen lokalen Server zu haben und ihn regelmäßig zu verwenden, hat meine Art und Weise, wie ich mich entwickle, wirklich geprägt, indem ich mir erlaube, praktisch von der Arbeit anderer in ihrem Code zu lernen. Und das Tolle ist, wenn ich immer noch nichts verstanden habe, kann ich später darauf zurückkommen, weil es nicht live ist und niemanden beeinflusst.

Verstehen Sie die Einschränkungen eines lokalen Servers

Nun, nach all den positiven Dingen, hier ein paar Punkte, die bei der Arbeit mit einem lokalen Server beachtet werden sollten - hauptsächlich aufgrund meiner Erfahrungen mit MAMP:

  • Seien Sie vorbereitet, wenn die lokalen Server nicht starten. Es gab eine Zeit, insbesondere bei meinem MacBook und MAMP, dass MAMP jedes Mal, wenn ich auf eine Website ging, einfach erstarren würde. Ich verbrachte die ersten 15 Minuten eines Projekts, das mich aufregte, es herauszufinden. Irgendwie tötete die Aufregung ein wenig! Um dies zu beheben, probieren Sie "MAMP Force". Wenn dies nicht funktioniert, können Benutzer von OSX 10.5 und 10.6 in der Regel den Aktivitätsmonitor (unter "Programme / Dienstprogramme") öffnen, "Meine Prozesse" auswählen und nach mehreren Instanzen von "mysqld" suchen. Wenn mehrere laufen, löschen Sie alle bis auf eine. Das sollte die Dinge wieder normal machen.
  • Bei MAMP sind die grünen Anzeigen, die anzeigen, dass die Server eingeschaltet sind, nicht immer zuverlässig. Um dies zu testen, klicken Sie einfach auf die "Startseite" und wenn es erscheint, können Sie loslegen.
  • Einige Formularaktionen und erweiterte Funktionen funktionieren möglicherweise nicht ordnungsgemäß. Ich habe dies mit einem Amazon S3-Plugin erlebt, das ich entwickelt habe. Für diese Dinge lege ich häufig eine benutzerdefinierte WordPress-Seitenvorlage oder einen Plugin-Ordner an, installiere sie per FTP auf meiner Website und teste sie auf einer privaten Seite. Sie können sogar ein Unterverzeichnis installieren, um weitere Tests durchzuführen oder Multipress zu verwenden.

Fazit

Vielen Dank, dass Sie die Installation eines lokalen Servers, die Konfiguration einer WordPress-Site und die Migration dieser Site in eine Produktionsumgebung durchlaufen haben.

Ich würde jeden von Ihnen, der über mehr Erfahrung als ich verfügt, ermutigen, unter den anderen lokalen Setups, weiteren Ideen zur Rationalisierung des Migrationsprozesses und anderen Tipps und Tricks für das Arbeiten vor Ort ein paar Anmerkungen zu machen. Ich bin doch nur eine Stimme der Gemeinschaft.

Danke fürs Lesen!