Laravel Tools für WordPress: Lokale Entwicklungsumgebung mit Valet

9 Reaktionen zu “Laravel Tools für WordPress: Lokale Entwicklungsumgebung mit Valet”

1. Dieser Artikel wurde erwähnt auf gist.github.com

   Antworten

2. For WP I use @LocalWP which is awesome.

   Unfortunately, it just does not work seamless with Laravel
   
   

   Antworten

3. Used @LocalWP a few yours ago but the bootup time and the amount memory consumption ?
   
   

   Antworten

4. Didn’t experience this so far. But as said, I’m only looking for a Laravel env and I will check out Valet asap!
   
   
   

   Antworten

5. Das Diagnostizieren von Fehler beim Programmieren von WordPress Plugins & Themes in PHP sieht bei mir meistens wie folgt aus:

   .wp-block-code {
   border: 0;
   padding: 0;
   }

   .wp-block-code > div {
   overflow: auto;
   }

   .shcb-language {
   border: 0;
   clip: rect(1px, 1px, 1px, 1px);
   -webkit-clip-path: inset(50%);
   clip-path: inset(50%);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
   word-wrap: normal;
   word-break: normal;
   }

   .hljs {
   box-sizing: border-box;
   }

   .hljs.shcb-code-table {
   display: table;
   width: 100%;
   }

   .hljs.shcb-code-table > .shcb-loc {
   color: inherit;
   display: table-row;
   width: 100%;
   }

   .hljs.shcb-code-table .shcb-loc > span {
   display: table-cell;
   }

   .wp-block-code code.hljs:not(.shcb-wrap-lines) {
   white-space: pre;
   }

   .wp-block-code code.hljs.shcb-wrap-lines {
   white-space: pre-wrap;
   }

   .hljs.shcb-line-numbers {
   border-spacing: 0;
   counter-reset: line;
   }

   .hljs.shcb-line-numbers > .shcb-loc {
   counter-increment: line;
   }

   .hljs.shcb-line-numbers .shcb-loc > span {
   padding-left: 0.75em;
   }

   .hljs.shcb-line-numbers .shcb-loc::before {
   border-right: 1px solid #ddd;
   content: counter(line);
   display: table-cell;
   padding: 0 0.75em;
   text-align: right;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   white-space: nowrap;
   width: 1%;
   }
   // ...
echo '<code>';
print_r($meine_variable_in_der_ich_einen_fehler_vermute);
echo '</code>';
exit;
// oder
echo '<pre>';
var_dump($meine_variable_in_der_ich_einen_fehler_vermute);
echo '</pre>';
die;Code-Sprache: PHP (php)

   Nicht besonders elegant, aber so sieht meistens die Praxis in PHP aus. Selbst in der offiziellen PHP Dokumentation gibt es keine sinnvollen Vorschläge, wie man in PHP sauber Fehler diagnostizieren kann.

   Der richtige Weg: Xdebug

   Sicherlich ist Xdebug das beste Werkzeug um Fehler im PHP Code zu suchen. Es hält die Ausführung von PHP an und man kann sich alle aktuell initialisierten Variablen genau anschauen.

   Allerdings stehe ich mit Xdebug absolut auf Kriegsfuß. Die Installation ist leider alles andere als einfach. Ich brauche meistens 1-2 Stunden um Xdebug auf meinen Mac zum Laufen zu bekommen. Dann bin ich aber meistens so genervt, dass ich Feierabend mache und Xdebug einige Tage in Ruhe lasse. Brauche ich es dann ein paar Tage später wieder, ist schon wieder irgendetwas kaputt, z.B. Xdebug hält die Ausführung nicht an, obwohl ich einen Breakpoint gesetzt habe. In anderen Dateien funktioniert es aber ohne Probleme ?.

   Statt wieder 1-2 Stunden in das Debuggen des Debuggers zu investieren, spring ich dann wieder auf die alt bewährte Methode print_r…, die immer funktioniert.

   dd & dump

   Aus der Laravel-Welt (wobei diese auf einem Synfony Component basieren) sind mir die zwei kleine Hilfsfunktionen dd & dump bekannt, die im Prinzip das gleich wie print_r bzw. var_dump machen, aber viel kürzer zu schreiben sind und die Ausgabe hübsch machen.

   dump des WP_Query Objektes

   dump gibt einfach eine oder mehrere Variable aus:

   dump($value);

   dump($value1, $value2, $value3, ...);Code-Sprache: PHP (php)

   dd ist eine Abkürzung für dump & die und gibt eine oder mehrere Variablen aus und beendet anschließend die Ausführung:

   dd($value);

   dd($value1, $value2, $value3, ...);Code-Sprache: PHP (php)

   In WordPress nutzen

   Kann man das nicht auch in WordPress nutzen? Natürlich und es gibt sogar schon ein passendes Plugin: Laravel DD for WordPress

   Einfach in der Entwicklungsumgebung installieren & aktivieren und fröhlich dd & dump schreiben!

   Nicht vergessen solltet ihr aber alle dd & dump’s vor dem Push in die Live-Seite wieder zu entfernen (ist mir auch schon passiert). Sonst gibt es sicherlich wieder ein paar nette Fehler zu debuggen.

   Next Level: Ray

   Noch ein Schritt weiter geht die kostenpflichtige App Ray (29€/Jahr, kann aber kostenlos getestet werden) für MacOS. Statt dump($value) schreibt man ray($value) und die Ausgabe erfolgt direkt schön aufbereitet in der Ray App statt im Browser.

   Um Ray in WordPress nutzen zu können, müsst ihr neben der Ray App in eurer Entwicklungsumgebung das Ray WordPress Plugin installieren. Anschließend kann das debuggen beginnen.

   Einen guten Eindruck vermittelt das folgende kurze Video:

   Durch Laden des Videos akzeptierst du die Datenschutzerklärung von Vimeo.
   Video laden
   Auswahl speichern & immer Vimeo laden

   Ray wurde von Spatie, einer belgischen Agentur spezialisiert auf Laravel, entwickelt. Spatie ist in der Laravel Community dafür bekannt sehr viele Open Source Laravel Packages zu pflegen. Zunehmend entstehen aber auch größere jedoch kostenpflichtige Produkte wie Ray oder Mailcoach (Newsletter-Versand). Sowohl die Packages als auch die Produkte haben eine außergewöhnlich hohe Codequalität und werden bei neuen Laravel-Releases innerhalb weniger Tagen geupdated. Alleine deswegen kann man hier die 29€ pro Jahr (kein Abo nur eine jährliche Lizenz) getrost investieren.

   Laravel Tools für WordPress

   Dieser Beitrag ist Teil meiner kleinen Serie Laravel Tools für WordPress, wo ich euch Tools vorstelle, die ich aus der Laravel-Welt kenne aber auch problemlos für WordPress genutzt werden können.

   Debuggen mit dd & dump statt print_rLokale Entwicklungsumgebung mit ValetWebpack in elegant mit Laravel Mix 6

   Antworten

6. Hallo Johannes, ich wollte dir rasch ein Feedback geben, dass ich deine Anleitung erfolgreich umsetzen konnte. Beim Schritt 1 „MySQL & PHP installieren“ war ich für einen Moment irritiert, dass nicht gleich ein Webserver mitinstalliert wird, weil ich sonst an die Einrichtung eines LEMP-Stack gewöhnt bin. Aber das erfolgt dann ja wenig später in Schritt 5 „Valet installieren“. Wenn ich an das vor Jahren so beliebten „Varying Vagrant Vagrants“ denke, lässt sich mit deiner Anleitung rasch und unkompliziert eine Entwicklungsumgebung aufsetzen. Bookmark gespeichert. Vielen Dank.

   Antworten

   1. Hallo Bego,

      danke für dein Feedback! Ich habe mal im ersten Schritt ergänzt, dass NGINX erst im 5. Schritt zusammen mit Valet installiert wird. Auch habe ich die Installation der Datenbank noch einmal separat aufgeführt.

      Antworten

7. Dieser Article wurde erwähnt auf wpletter.corevalue.network

   Antworten

8. Dieser Article wurde erwähnt auf wpletter.de

   Antworten

Erwähnungen

• 💬 Johannes

Likes

• 👍 flowdee ツ