Ein anderes WordPress-Entwicklungs-Tutorial: So automatisieren Sie Ihren Workflow

Ein anderes WordPress-Entwicklungs-Tutorial: So automatisieren Sie Ihren Workflow

Ein anderes WordPress-Entwicklungs-Tutorial: So automatisieren Sie Ihren Workflow
СОДЕРЖАНИЕ
02 июня 2020

WordPress Development Tutorial zur Automatisierung


Als WordPress-Entwickler kann es einschüchternd sein, sich über die neuesten Techniken und Trends auf dem Laufenden zu halten. Nehmen wir zum Beispiel die Automatisierung – wissen Sie genau, was Sie tun können, um Ihren Workflow zu automatisieren? Nicht ganz? Okay, dieser Artikel kann Ihnen dabei helfen. Es ist ein bisschen unterscheidet sich jedoch von Ihrem üblichen WordPress-Entwicklungs-Tutorial. Es konzentriert sich auf die Automatisierung dessen, was automatisiert werden kann bei der Arbeit an Ihrem nächsten WordPress-Projekt.

Das folgende WordPress-Entwicklungstutorial führt Sie durch die Schritte eines typischen Entwicklungszyklus. Unterwegs schlagen wir Lösungen und Tools vor, mit denen Sie bestimmte Prozesse automatisieren können, um Ihre Veröffentlichungszeiten zu verkürzen.

Vorteile der Automatisierung

Bevor wir uns mit der Automatisierung befassen, lassen Sie uns erläutern, warum Sie bestimmte Prozesse sowieso automatisieren sollten.

  • ⏲️ Automatisierung spart Zeit, und damit Geld. Stellen Sie sich die Zeitersparnis vor, wenn Sie Ihre lokale Entwicklungsversion von WordPress mit einem einzigen Klick mit dem Server synchronisieren.
  • �� Als nächstes die Automatisierung redundanter Schritte hilft bei der Vermeidung von Fehlern. Während Sie Ihre Änderungen mit den Servern synchronisieren, können Sie versehentlich eine falsche Version hochladen. Dies führt zu Nacharbeiten.
  • ��️ Automatisieren Sie außerdem verschiedene Schritte in Ihrem Entwicklungszyklus hilft bei der Rückverfolgbarkeit. Dies hilft Ihnen beim Debuggen Ihres Codes. Beispielsweise erhalten Sie ein ordnungsgemäßes Protokoll darüber, welche Änderungen an welchem ​​Datum auf einen Server hochgeladen wurden.
  • �� Schließlich hilft Ihnen die Automatisierung Konzentrieren Sie sich auf wichtigere Dinge wie Innovation! Wenn Sie nicht durch redundante, sich wiederholende Aufgaben belastet sind, haben Sie mehr Zeit für wichtige Aufgaben, die Ihre Aufmerksamkeit erfordern.

Dieses WordPress-Entwicklungs-Tutorial hilft Ihnen dabei, eine höhere Effizienz zu erzielen, indem Sie zuerst redundante Schritte herausfinden und diese dann automatisieren.

Automatisieren Sie Ihre Entwicklungsumgebung

Stellen Sie sich vor, Sie müssen in den folgenden Szenarien jedes Mal manuell eine Entwicklungsumgebung erstellen:

  • Starten Sie ein Projekt
  • Wechseln Sie zu einer neuen Entwicklungsmaschine
  • Habe ein neues Teammitglied

Das Erstellen einer Liste von Software und Befehlen ist der erste Schritt in der Automatisierung. Das manuelle Durchlaufen jedes Schritts nimmt jedoch viel Zeit in Anspruch und ist fehleranfällig. Eine solche Liste reicht also immer noch nicht aus, um Ihre Umgebung einzurichten.

Docker ist ein Service, mit dem Sie eine Entwicklungsumgebung auf einem neuen Computer basierend auf Ihren Anforderungen einrichten können. Docker führt das Konzept der Container ein. Ein Container ist ein praktisch geschlossenes System, das mit Ihrer Entwicklungsumgebung erstellt wurde. Mit Docker befinden Sie sich nie in einer Situation, in der jemand eine Software auf dem Server aktualisiert hat und nichts funktioniert!

Docker

Zunächst definieren Sie eine Entwicklungsumgebung, die genau angibt, was Sie in einer neuen Maschine benötigen. Führen Sie dann einfach einen Befehl auf einem neuen Computer aus, um den Prozess zu starten – so einfach ist das!

Hier ist eine Anleitung zu Docker für WordPress einrichten. Und hier ist eine schnelle Docker-Konfigurationsdatei für WordPress.

Docker hat einen Nachteil: Wenn Sie eine Windows-basierte Entwicklungsumgebung (wie SQL Server, .NET oder VisualBasic) verwenden, können Sie diese nicht mit Docker implementieren.

Versionskontrolle mit kontinuierlicher Integration

Der nächste Schritt in diesem WordPress-Entwicklungstutorial zur Automatisierung besteht darin, sich auf die Codeverwaltung zu konzentrieren. Wenn mehrere Entwickler gleichzeitig an demselben Code arbeiten, verwenden sie im Allgemeinen eine Form der Versionskontrolle wie Git oder Mercurial. Hier ist ein WordPress-Entwicklungs-Tutorial zu Versionskontrolle.

Quecksilber

Bei Verwendung einer Codeverwaltungssoftware kann ein Entwickler eine Kopie des zentralen Repositorys erstellen. Sie können Verbesserungen im Repository vornehmen und die Änderungen übermitteln, die mit dem ursprünglichen Code zusammengeführt werden sollen. Beliebte Repositories können an einem Tag Hunderte bis sogar Tausende von Änderungen aufweisen. Es kann verschiedene Konflikte geben, die auftreten können, wenn der Entwickler den Code zusammenführen möchte. Im extremsten Fall kann es vorkommen, dass die Zeit, die zur Lösung der Probleme während der Zusammenführung benötigt wird, länger ist als die Zeit, die für die anfängliche Verbesserung selbst benötigt wird.

Bei der kontinuierlichen Integration geht es darum, dieses Szenario zu vermeiden, indem die Arbeit der Entwickler häufig zusammengeführt wird. Eine Zusammenführung ist jedoch nicht so einfach, wie es sich anhört. Es beinhaltet das Kompilieren und Testen durch einen Entwickler, bevor Code festgeschrieben wird. In der Regel führt ein Build-Server diese Überprüfungen des Codes durch, sobald der Code in das zentrale Repository übertragen wurde. Dieser Prozess reduziert Nacharbeiten, eine der Abfallquellen, und spart so Kosten und Zeit. Die Häufigkeit des Testens und Erstellens variiert, aber heutzutage wird dieser Prozess nach jedem Commit ausgeführt.

Kontinuierliche Integration mit Travis CI

travis-ci

Travis CI bietet eine kostenlose Version für Open Source-Repositorys. Sie müssen nur für Ihre privaten Projekte bezahlen. In diesem Beispiel werde ich ein Projekt auf GitHub demonstrieren. Nachdem Sie sich bei Travis registriert haben (ich schlage vor, sich über GitHub zu registrieren), müssen Sie die folgenden Schritte ausführen, um mit dem Erstellen zu beginnen:

  • Aktivieren Sie Ihre GitHub-Repositorys
  • Fügen Sie die Datei .travis.yml zum Stammverzeichnis in Ihrem Repository hinzu
  • Zum Repository verschieben, um mit Travis zu erstellen

Auf Ihrem Travis Profil, Aktivieren Sie das Repository, das Sie mit Travis testen möchten.

Hier ist ein Beispiel, wie ich ein Web-Scraping für ein Beispiel-Repository aktiviere:

Repositorys auf Travis aktivierenRepositorys auf Travis aktivieren

Nach dem Aktivieren Ihres Repositorys müssen Sie die Datei .travis.yml zu Ihrem Repository hinzufügen. Der Inhalt der Datei ist folgender:

Sprache: Python
Python:
– "2.6"
– "2.7"
# Befehl zum Installieren von Abhängigkeiten
# Installieren: "pip install -r Anforderungen.txt"

# Befehl zum Ausführen von Tests
Skript: Python tests.py

Sie müssen die Sprache (Python) und ihre Versionen angeben, gegen die getestet werden soll. Falls Sie Abhängigkeiten installieren müssen, müssen Sie diese in der Datei require.txt auflisten. Da in diesem Repository nur Dummy-Tests ausgeführt werden, wird die Anforderungszeile übersprungen. Wenn nicht auskommentiert, werden diese Anforderungen von Travis in der Build-Umgebung installiert, bevor Sie Ihre Tests ausführen. Schließlich wird der Befehl angegeben, mit dem die Tests ausgeführt werden. Open Source Repositories wie e-cidadania haben detailliertere .travis.yml-Dateien.

Wenn Sie mit dem Code fertig sind, schreiben Sie ihn fest und senden Sie den Code an GitHub. Sie können die Testergebnisse auf Ihrer Repository-Seite anzeigen. Eine E-Mail mit den Testergebnissen wird ebenfalls gesendet. Sie können auch einen anderen Build über Ihre Profilseite auslösen, um zu überprüfen, ob der Build in Echtzeit ausgeführt wird:

Bauen Sie Erfolg auf TravisBauen Sie Erfolg auf Travis

Automatisieren Sie die Themenentwicklung

Das nächste, was in diesem ungewöhnlichen WordPress-Entwicklungs-Tutorial behandelt wird, ist die Themenentwicklung. Obwohl die Verwendung eines Codeverwaltungssystems für jeden Code ausreicht, den Sie in Ihrem WordPress-Verzeichnis ändern, können und sollten Zwischenschritte während der Entwicklung eines Themas automatisiert werden!

Lassen Sie uns einen Moment innehalten, um einige Aufgaben aufzulisten, die für den Themenentwicklungsprozess typisch sind, nachdem Sie die Änderungen an Ihrem Thema abgeschlossen haben:

  • Kompilieren Sie CSS-Präprozessorcode in CSS
  • Minimieren Sie CSS-Dateien
  • Fügen Sie dem Thema neue Bilder hinzu
  • Bilder optimieren
  • Generieren Sie untergeordnete Themen
  • Achten Sie auf Änderungen und aktualisieren Sie Repositorys

Alle diese Aufgaben sind redundant, was den Spielraum für die Automatisierung zeigt. So können wir das machen:

Automatisieren Sie die Themenentwicklung mit Gulp

Konzentrieren wir uns auf ein beliebtes Tool, Schluck, zur Automatisierung der Themenentwicklung und -bereitstellung. Gulp ist ein Toolkit, mit dem alle oben aufgeführten Prozesse automatisiert werden können. Gulp ist ein JavaScript-basiertes Tool, das auf einem Node.js-Server ausgeführt wird.

gulpjs

Um Gulp zu installieren, benötigen Sie Node.js und NPM installiert. Sie können Gulp dann installieren, indem Sie die folgenden Befehle im Terminal ausführen.

npm installiere gulp -g

Um mit Gulp an einem Thema zu arbeiten, müssen Sie zum Themenverzeichnis navigieren, das sich normalerweise in / wp-content / themes / befindet, und NPM mit dem Befehl npm init im Terminal initialisieren.

Als Nächstes sollten Sie Gulp zur Datei package.json hinzufügen.

{
"Name":: "mein Thema",
"Ausführung":: "1.0.0",
"Beschreibung":: "WordPress Development Tutorial Automatisierung mit Gulp",
"Autor":: "Mein Name",
"devDependencies"::
{
"Schluck":: "^ 3.9.1"
}}
}}

Sobald Gulp in Ihrem Verzeichnis initialisiert wurde, müssen Sie definieren Schluck Aufgaben Verwenden der Funktionstask () – Jede Aufgabe ist ein Automatisierungsschritt, den Gulp ausführt. Hier ist eine detaillierte Anleitung zum Schreiben von Aufgaben mit Gulp.

Interessieren Sie sich dafür, wie wir die Themenentwicklung automatisieren? Hier ist ein Tutorial, das Sie in die Reise des Engineering-Teams einführt.

Testen des Endprodukts mit kontinuierlicher Bereitstellung

Der letzte Schritt in diesem WordPress-Entwicklungs-Tutorial besteht darin, das Testen Ihres Endprodukts zu automatisieren. Kurz gesagt, Sie werden versuchen zu beurteilen, ob Ihre Website geräteübergreifend korrekt wiedergegeben wird.

Wie Die jüngsten DevOps-Trends deuten darauf hin, Die beste Vorgehensweise besteht darin, über die kontinuierliche Integration hinauszugehen. Wenn Sie Continuous Integration erfolgreich implementiert haben, fragen Sie sich möglicherweise, ob der in Ihrem zentralen Repository vorhandene Code nicht immer funktionsfähig ist. Die logische Antwort lautet “Ja”. Daher ist es sinnvoll, die neueste Version Ihrer Software zu veröffentlichen, sobald der Build stattgefunden hat!

Ist es in allen Situationen sinnvoll? Nein, insbesondere wenn Ihr Client keine kontinuierlichen Updates wünscht. Es ist jedoch eine Philosophie, Ihren Code versandbereit zu halten. In Situationen, in denen Sie Ihr eigenes Produkt entwickeln, ist eine kontinuierliche Bereitstellung am effizientesten. Bei Google dauert es ungefähr 8 Minuten, bis der Code nach dem Festschreiben live geschaltet wird!

Wenn Sie eine Webanwendung erstellen, bedeutet die Kompilierung möglicherweise nicht, dass sie geräteübergreifend funktioniert. In einem solchen Fall mag ein Werkzeug BrowserStack ist praktisch. Es führt Ihre Webanwendung auf realen Geräten verschiedener Hersteller aus, auf denen verschiedene Betriebssysteme ausgeführt werden, um sicherzustellen, dass sie für den Endverbraucher funktionieren.

Browserstack

Kontinuierliche Bereitstellung mit BrowserStack

In BrowserStack können Sie Tests in Python ausführen Selen, die über PIP installiert werden muss.

Pip installieren Selen

Lassen Sie uns einen einfachen Test mit einem Galaxy Note 8 ausführen, auf dem Android v7.1 ausgeführt wird. Der Link, den ich im folgenden Code angegeben habe, kann nach der Registrierung bei BrowserStack abgerufen werden (es gibt eine kostenlose Testversion). BrowserStack richtet Sie mit Beispielcode ein, sobald Sie die Optionen ausgewählt haben.

Einrichten Ihres ersten Tests auf BrowserStackEinrichten Ihres ersten Tests auf BrowserStack
von Selen Import Webdriver
aus selenium.webdriver.common.keys Schlüssel importieren
aus selenium.webdriver.common.desired_capabilities importieren Sie DesiredCapabilities

gewünschte_kappe = {
‘browserName’: ‘android’,
“Gerät”: “Samsung Galaxy Note 8”,
‘realMobile’: ‘wahr’,
‘os_version’: ‘7.1’
}}

driver = webdriver.Remote (
command_executor = ‘http: // shaumikdaityari1: [email protected]: 80 / wd / hub’,
gewünschte_Fähigkeit = gewünschte_Kapazität)

driver.get ("https://www.codeinwp.com/")
elem = driver.find_element_by_name ("q")
elem.send_keys ("BrowserStack")
elem.submit ()
print (driver.title)
driver.quit ()

Führen Sie zum Ausführen einfach die Datei aus oder führen Sie die Befehle im Terminal aus.

python browser_test.py

Sie können von Ihrem Terminal aus bestätigen, ob der Test erfolgreich ist. Außerdem können Sie zu Ihrem BrowserStack-Konto zurückkehren, um das Video zu überprüfen, wie es tatsächlich ausgeführt wurde.

Videos und Protokolle von BrowserStack-TestsVideos und Protokolle von BrowserStack-Tests

Sie können Tests in mobilen Browsern automatisieren. Mit BrowserStack können Sie Tests auch auf Ihrem eigenen Server ausführen, wie in beschrieben die Dokumentation.

Wenn Sie eine mobile Anwendung erstellen, möchten Sie, dass diese mit einem bestimmten Tool auf verschiedenen Geräten getestet wird. Das ist möglich mit TestGrid, Damit können Sie Ihre App auf einer Vielzahl von Geräten ausführen.

Letzte Gedanken zu diesem ungewöhnlichen (automatisierten) WordPress-Entwicklungs-Tutorial

Damit sind wir am Ende dieses Tutorials zur Automatisierung von Aufgaben während der WordPress-Entwicklung angelangt. Wir haben die Vorteile der Automatisierung und verschiedene Aufgaben behandelt, die in Ihrem Entwicklungszyklus automatisiert werden können.

Verwenden Sie andere Techniken oder Tools, um Ihren Entwicklungsworkflow für WordPress zu automatisieren? Teilen Sie Ihre Tricks in den Kommentaren unten.

Vergessen Sie nicht, an unserem Crashkurs teilzunehmen, um Ihre WordPress-Site zu beschleunigen. Mit einigen einfachen Korrekturen können Sie Ihre Ladezeit sogar um 50-80% reduzieren:

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Это интересно
    Adblock
    detector