Lekcja 2: Przygotowanie środowiska pracy

Czego potrzebujemy i dlaczego?

  1. Lokalny serwer (XAMPP): PHP, jak pamiętasz, działa po stronie serwera. Nie możemy po prostu otworzyć pliku .php w przeglądarce, tak jak pliku .html. Potrzebujemy oprogramowania, które zasymuluje na naszym komputerze prawdziwy serwer. XAMPP to darmowy i popularny pakiet, który zawiera wszystko, czego potrzebujemy: serwer Apache, bazę danych MariaDB (zamiennik MySQL), PHP i Perl.
  2. Edytor kodu (Visual Studio Code): Teoretycznie kod moglibyśmy pisać w Notatniku, ale byłoby to bardzo niewygodne. Nowoczesny edytor kodu, taki jak darmowy Visual Studio Code (VS Code), oferuje kolorowanie składni, podpowiedzi i inne funkcje, które ogromnie ułatwiają pracę.

Krok 1: Instalacja serwera XAMPP

  1. Pobieranie: Wejdź na oficjalną stronę apachefriends.org i pobierz wersję XAMPP dla swojego systemu operacyjnego (Windows, Linux lub OS X). Wybierz wersję z najnowszą dostępną wersją PHP (np. 8.2 lub wyższą).
  2. Instalacja (dla Windows):
    • Uruchom pobrany instalator. Jeśli pojawi się ostrzeżenie o Kontroli Konta Użytkownika (UAC), kliknij „OK”.
    • W oknie wyboru komponentów upewnij się, że zaznaczone są co najmniej: Apache, MySQL i PHP. Reszta jest opcjonalna, więc możesz zostawić domyślne ustawienia.
    • Wybierz folder instalacji. Domyślnie jest to C:\xampp i zalecam pozostawienie tej lokalizacji.
    • Kontynuuj instalację, klikając „Next”. Na końcu odznacz pole „Do you want to start the Control Panel now?” i kliknij „Finish”.
  3. Uruchomienie i testowanie:
    • Przejdź do folderu, w którym zainstalowałeś XAMPP (np. C:\xampp) i znajdź plik xampp-control.exe. Uruchom go jako administrator (prawy przycisk myszy -> „Uruchom jako administrator”).
    • Zobaczysz Panel Kontrolny XAMPP. Obok modułów Apache i MySQL kliknij przyciski „Start”.
    • Gdy oba moduły podświetlą się na zielono, oznacza to, że Twój lokalny serwer działa!
    • Otwórz przeglądarkę internetową i wejdź na adres: http://localhost. Powinieneś zobaczyć stronę powitalną XAMPP.

Gratulacje! Właśnie uruchomiłeś swój pierwszy serwer!

Krok 2: Instalacja edytora Visual Studio Code

  1. Pobieranie: Wejdź na oficjalną stronę code.visualstudio.com i pobierz wersję dla swojego systemu operacyjnego.
  2. Instalacja:
    • Uruchom instalator i zaakceptuj umowę licencyjną.
    • W oknie „Select Additional Tasks” koniecznie zaznacz opcje:
      • Add "Open with Code" action to Windows Explorer file context menu
      • Add "Open with Code" action to Windows Explorer directory context menu
      • Register Code as an editor for supported file types
      • Add to PATH (requires shell restart)
    • Klikaj „Next”, a na końcu „Install”.

Po zakończeniu instalacji uruchom Visual Studio Code.

Krok 3: Konfiguracja VS Code dla PHP

Aby praca z PHP w VS Code była jeszcze przyjemniejsza, doinstalujemy jedno kluczowe rozszerzenie.

  1. W otwartym VS Code, po lewej stronie zobaczysz pionowy pasek z ikonami. Kliknij ikonę Rozszerzeń (Extensions), która wygląda jak kwadraty.
  2. W polu wyszukiwania na górze wpisz PHP Intelephense.
  3. Kliknij przycisk „Install” przy znalezionym rozszerzeniu.

To rozszerzenie zapewni Ci inteligentne podpowiadanie kodu, wykrywanie błędów i wiele innych przydatnych funkcji.

Podsumowanie

Świetna robota! W tej lekcji zainstalowałeś i skonfigurowałeś kompletne środowisko do tworzenia aplikacji w PHP. Masz już działający serwer (XAMPP) i profesjonalny edytor kodu (VS Code). Jesteś w pełni gotowy, aby napisać swój pierwszy skrypt.

Przewijanie do góry