Főoldal > PHP Alapok

PHP Alapok: A Szerveroldali Motor

A kliens és a szerver közötti kommunikáció vizuális magyarázata

Eddig a HTML, CSS és JavaScript nyelvekkel foglalkoztunk. Ezeket úgynevezett Kliensoldali (Frontend) technológiáknak hívjuk. Ez azt jelenti, hogy a kód letöltődik a látogató számítógépére, és a böngésző (a kliens) hajtja végre őket. De mi van akkor, ha egy jelszót kell ellenőrizni, vagy egy adatbázisból kell kiolvasni a legújabb cikkeket? Ezt nem bízhatjuk a látogató gépére. Itt lép a képbe a PHP.

Az Éttermi Analógia

Hogy tökéletesen megértsd a web működését, képzelj el egy éttermet:

  • A Vendégtér (Frontend): Ez a HTML és a CSS. Itt ül a látogató, nézi az étlapot (a dizájnt), és interakcióba lép a pincérrel (JavaScript).
  • A Konyha (Backend / Szerver): Ez a PHP. A konyhába a vendég nem mehet be. A pincér beviszi a rendelést (pl. "Kérem a legújabb cikkeket"), a PHP szakács a háttérben összedolgozza az alapanyagokat (adatbázis), megsüti az ételt, és csak a kész, tálalt ételt (a generált HTML kódot) küldi ki a vendégnek.

A látogató soha, semmilyen körülmények között nem láthatja a te eredeti PHP kódodat. Ő csak a végeredményt, a tiszta HTML-t kapja meg. Ez teszi a PHP-t hihetetlenül biztonságossá.

Miért nem tudom csak úgy megnyitni a PHP fájlt?

Ha egy index.html fájlra duplán kattintasz a gépeden, a böngésző azonnal megnyitja. Ha egy index.php fájlra kattintasz duplán, a böngésző nem fogja érteni, és megpróbálja letölteni, vagy kiírja a nyers kódot.

A PHP kód futtatásához egy Szerverre van szükség. A szerver egy olyan szoftver (általában Apache vagy Nginx), ami képes értelmezni a PHP nyelvet, lefordítani azt, és a végeredményt elküldeni a böngészőnek.

A XAMPP: A saját, házi szervered

Hogy ne kelljen azonnal drága webtárhelyet bérelned a tanuláshoz, a saját számítógépedből fogunk szervert csinálni. Erre a legjobb ingyenes program a XAMPP.

  1. Töltsd le és telepítsd a XAMPP-ot (Windows, Mac vagy Linux rendszerre).
  2. Indítsd el a XAMPP Control Panelt, és kattints a Start gombra az Apache (a webszerver) mellett.
  3. Keresd meg a gépeden a XAMPP telepítési mappáját (általában C:\xampp), és azon belül a htdocs mappát. Ez a te szervered "gyökérkönyvtára". Minden PHP fájlt ide kell mentened!
  4. Nyisd meg a böngésződet, és írd be a címsorba: http://localhost. Ha a XAMPP üdvözlőképernyőjét látod, a szervered tökéletesen működik!

Az első PHP kódod

Hozz létre egy új mappát a htdocs-on belül (pl. gyakorlas), és abban egy elso.php nevű fájlt. Másold be ezt a kódot:

<!DOCTYPE html>
<html>
<body>

    <h1>HTML és PHP keverése</h1>
    
    <?php
        // Ez itt már a PHP konyha!
        echo "<p>Ezt a bekezdést a PHP generálta a szerveren!</p>";
    ?>

</body>
</html>

Nyisd meg a böngészőben a http://localhost/gyakorlas/elso.php címet. Látni fogod a szöveget. Ha most nyomsz egy Jobb Klikk -> "Oldal forrásának megtekintése" gombot, látni fogod, hogy a <?php ... ?> rész teljesen eltűnt! A böngésző már csak a tiszta HTML bekezdést kapta meg. A szerver elvégezte a dolgát.

Következő lecke: Változók és Tömbök →