Lekcja 3: „Witaj, Świecie!” Pierwszy skrypt

W tej lekcji stworzymy najprostszy możliwy program, którego celem jest wyświetlenie napisu „Witaj, Świecie!” na ekranie. To tradycyjny pierwszy krok w nauce niemal każdego języka programowania.

Krok 1: Znajdź właściwy folder na serwerze

Aby serwer Apache mógł przetworzyć nasz plik PHP, musimy umieścić go w specjalnym folderze.

  1. Przejdź do katalogu, w którym zainstalowałeś XAMPP (domyślnie C:\xampp).
  2. Wewnątrz tego folderu znajdź podfolder o nazwie htdocs.
  3. To jest Twój folder roboczy. Wszystkie pliki i projekty PHP, które będziesz tworzyć, muszą znajdować się w htdocs lub w jego podfolderach.

To właśnie zawartość folderu htdocs jest dostępna w przeglądarce pod adresem http://localhost.

Krok 2: Stwórz plik i napisz kod

  1. Otwórz edytor Visual Studio Code.
  2. Kliknij File -> New Text File (lub Ctrl + N), aby stworzyć nowy, pusty plik.
  3. Wklej poniższy kod do edytora:
<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <title>Moja Pierwsza Strona PHP</title>
</head>
<body>

    <h1>
        <?php
            echo "Witaj, Świecie!";
        ?>
    </h1>

</body>
</html>
  1. Zapisz plik. Kliknij File -> Save As... (lub Ctrl + Shift + S).
  2. Przejdź do folderu C:\xampp\htdocs.
  3. W polu „Nazwa pliku” wpisz index.php i kliknij „Zapisz”.

Ważne: Upewnij się, że rozszerzenie pliku to .php, a nie .txt czy .html.

Analiza kodu – co tu się właściwie stało?

Spójrzmy na to, co napisaliśmy:

  • <!DOCTYPE html>...: Większość kodu to standardowy HTML. PHP świetnie integruje się z HTML i możesz go używać bezpośrednio wewnątrz struktury strony.
  • <?php: To jest znacznik otwierający PHP. Mówi on serwerowi: „Uwaga, od tego momentu zaczyna się kod PHP, który musisz zinterpretować!”.
  • echo "Witaj, Świecie!";:
    • echo to podstawowa i najczęściej używana komenda w PHP do wyświetlania tekstu.
    • "Witaj, Świecie!" to tekst (string), który chcemy wyświetlić. Musi być on otoczony cudzysłowami.
    • ; (średnik) to zakończenie instrukcji. Prawie każda linijka kodu w PHP musi kończyć się średnikiem. To informacja dla interpretera, że polecenie się skończyło.
  • ?>: To jest znacznik zamykający PHP. Mówi serwerowi: „OK, kod PHP się skończył, wracamy do zwykłego HTML”.

W skrócie: Wewnątrz struktury HTML umieściliśmy „wyspę” kodu PHP, której zadaniem było wygenerowanie i wstawienie napisu „Witaj, Świecie!” wewnątrz nagłówka <h1>.

Krok 3: Uruchomienie skryptu

  1. Upewnij się, że Panel Kontrolny XAMPP jest uruchomiony, a moduły Apache i MySQL są aktywne (podświetlone na zielono).
  2. Otwórz przeglądarkę internetową.
  3. W pasku adresu wpisz: http://localhost/index.php i naciśnij Enter.

Na ekranie powinieneś zobaczyć duży napis: Witaj, Świecie!

Jeśli tak się stało – OGROMNE GRATULACJE! Właśnie pomyślnie stworzyłeś i uruchomiłeś swój pierwszy dynamiczny skrypt PHP!

Co jeśli coś poszło nie tak?

  • „Object not found! Error 404”: Najprawdopodobniej zapisałeś plik w złym folderze (upewnij się, że jest to C:\xampp\htdocs) lub popełniłeś literówkę w nazwie pliku w adresie URL.
  • Biała strona lub strona z kodem: Sprawdź, czy na pewno uruchomiłeś serwer Apache w panelu XAMPP. Upewnij się też, że plik ma rozszerzenie .php.
  • Błąd „Parse error”: Najczęściej oznacza to brak średnika ; na końcu linii echo lub literówkę w kodzie PHP.

Podsumowanie

W tej lekcji nauczyłeś się najważniejszej rzeczy: jak sprawić, by kod PHP „ożył” w przeglądarce. Zrozumiałeś, gdzie umieszczać pliki, jak osadzać PHP w HTML i jak uruchomić swój skrypt na lokalnym serwerze.

Przewijanie do góry