W najnowszym poście z tej serii omówiłem proces integracji Xdebug z Twoim IDE. A biorąc pod uwagę, że używam Visual Studio Code jako mojego wybranego IDE, jest to również IDE, którego używam jako przykład.
Co więcej, jest to platforma wieloplatformowa, wystarczająco łatwa do rozpoczęcia dla początkujących, ale wystarczająco potężna, aby rozszerzyć i działać dla bardziej doświadczonych programistów (i dla reszty z nas, którzy są pomiędzy).
W ostatnim poście stwierdziłem, że będę robił serię screencastów. W szczególności napisałem, co następuje:
Począwszy od następnego wpisu, zacznę udostępniać kilka screencastów, które przeprowadzą przez proces debugowania funkcji i zmiennych, zmiany wartości w locie, pracy z konsolą debugowania i nie tylko.
W tym poście przedstawię krótki screencast przedstawiający wprowadzenie do debugowania WordPressa w pierwszej części tej serii. Mianowicie uruchomienie instancji witryny zbudowanej przy użyciu WordPressa i wykorzystanie podstaw debugowania wtyczki.
Wprowadzenie do debugowania
Ponieważ ten screencast jest pierwszym z serii i ponieważ nie chcę zakładać, że dana osoba ma wcześniejsze doświadczenia, zacznę od najbardziej podstawowego poziomu.
Oznacza to, że zakładam, że masz:
- strona założona i skonfigurowana,
- możliwość dostępu do niego w przeglądarce internetowej,
- podstawowy zestaw wtyczek, takich jak Hello Dolly, które są dostarczane z WordPress.
Jeśli nie masz żadnego z poniższych, przejrzyj następujące posty:
- Instalowanie WordPressa dla rozwoju lokalnego
- Instalowanie Xdebug, część 1: Moduł Xdebug
- Instalowanie Xdebug, część 2: IDE
Po zakończeniu powinieneś mieć wszystko, czego potrzebujesz, aby rozpocząć proces aktywnego debugowania uruchomionej aplikacji.
Zróbmy kilka screencastów
Cel screencastów jest dwojaki:
- niech będą krótkie,
- zaprezentuj przynajmniej jedną praktyczną rzecz, którą możesz wynieść z ich oglądania.
Ponieważ wiem, że wszyscy jesteśmy zajęci i ponieważ wierzę, że filmy trwają dłużej niż powinny, chcę być tak zwięzły i bezpośredni, jak to możliwe, kiedy omawiam aspekt debugowania.
Co więcej, skoro to wszystko ma zaczynać się od podstaw, dlaczego nie zacząć od wtyczki dołączonej do WordPressa? To coś, co wszyscy mamy, będzie działać z treścią, która została już napisana, i położy podwaliny pod bardziej zaawansowane debugowanie.
Przejdź przez wtyczkę
W tym screencastu przyjrzymy się ustawieniu kilku punktów przerwania w Hello Dolly i sprawdzeniu wartości niektórych zmiennych. To wszystko, nic więcej.
Później przejdziemy do bardziej zaawansowanych rzeczy, które ma do zaoferowania debuger, ale zaczynamy od podstaw. Celem nie jest też pozostawienie go z tą wtyczką. Zamiast tego ma pokazać, jak wykorzystać dostępne narzędzia, a następnie zacząć je stosować w swojej pracy.
W przyszłym
W następnym poście przyjrzymy się bardziej zaawansowanym rzeczom, które możemy zrobić, takim jak wchodzenie do funkcji, wychodzenie z funkcji i przechodzenie przez funkcje.
Następnie zwrócimy naszą uwagę na bardziej zaawansowane rzeczy, takie jak obserwowanie zmiennych przez cały okres wykonywania wtyczki, a następnie zmienianie zmiennych podczas wykonywania.
Na razie jednak, dlaczego nie poświęcić trochę czasu na ćwiczenie i ustawić punkt przerwania w kilku różnych wtyczkach, to kilka różnych obszarów kodu w aplikacji specyficznej dla WordPressa?