Lekce 3 - Instalace Apache, MySQL a PHP na Windows a první PHP skript

V minulé lekci, Využití umělé inteligence při studiu programování, jsme si ukázali, jak využívat umělou inteligenci při studiu programování.

V tomto tutoriálu kurzu základů PHP si připravíme prostředí pro lokální vývoj pomocí XAMPP a Visual Studio Code. Abychom mohli PHP stránky spouštět v prohlížeči, potřebujeme webový server a PHP. Později využijeme také databázi.

Tyto technologie zajišťuje webhosting, na který později svůj hotový web nahrajeme. Pokud PHP hosting ještě nemáme, pro lokální výuku si ho zatím pořizovat nemusíme. Hostování běžného webu stojí i s doménou měsíčně pár desetikorun čili nic drahého. Návod na to, jak si webhosting zřídit, už napsaný máme

Abychom nemuseli své stránky ladit na webhostingu, nainstalujeme si služby i na svůj počítač, kde budeme web programovat. Na webhosting ho nahrajeme až jako hotový a ozkoušený. Služby lze nainstalovat jednoduše jako jeden balíček.

Co dělat, když se zasekneš

Naše kurzy pravidelně aktualizujeme, technologie se ale rychle mění a s ní i použité nástroje a příkazy v lekcích. Někdy ti něco nemusí fungovat i proto, že máš třeba jinou verzi nástroje nebo operačního systému. Pokud narazíš v jakékoli lekci na problém a studuješ u nás rekvalifikační kurz, můžeš využít široké možnosti podpory:

• často je řešení problému zmíněno v diskuzi pod lekcí, zejména, pokud se problém projeví více lidem
• v lekci o AI si ukážeme, že v případě problémů často stačí problém napsat ChatGPT a on ti poradí, stejně nám prosím ale o problému řekni
• pokud ani jedno z toho nepomohlo, jde o něco vážnějšího, zavolej svému studijnímu referentovi a domluv si konzultaci s lektorem, který ti pomůže
• nic si nedělej z toho, že ti úplně všechno nefunguje nebo úplně všemu nerozumíš, běž vždy dál a nenech se odradit, máš na to!

Stažení a instalace PHP

Webové aplikace často používají linuxový operační systém, webserver Apache, databázi MySQL (nebo její otevřený klon MariaDB) a programovací jazyk PHP. Tato čtveřice je často označována zkratkou LAMP. Všechny zmíněné technologie jsou zdarma. Pokud následující technologie provozujeme pod Windows, používá se někdy zkratka WAMP.

Asi nejpoužívanější instalační balíček, který obsahuje Apache, PHP a MariaDB, se nazývá XAMPP. MariaDB v něm nahrazuje MySQL, ovládací panel však nadále používá označení MySQL. Instalace je velmi jednoduchá.

Stažení XAMPP

Stáhněme si balíček XAMPP z oficiálního webu apachefriends­.org.

Hned na hlavní stránce klikneme na odkaz XAMPP for Windows a stažení by se mělo spustit. Pokud ne, najdeme nadpis Download a stáhneme Installer pro nejnovější verzi PHP (časem bude vyšší než na obrázku níže, ale to vůbec nevadí):

Instalace

Instalaci je lepší spustit jako administrátor. Toho docílíme tak, že na stažený soubor klikneme pravým tlačítkem a zvolíme Spustit jako správce. Pravděpodobně uvidíme hlášku o UAC, kterou odklikneme.

Další hláška, která se může zobrazit, se týká Microsoft Visual C++ runtime, který XAMPP vyžaduje. Pokud se nám tedy tento dialog zobrazí, potvrdíme ho.

Otevře se výchozí webový prohlížeč přímo na stránce, kde lze tuto komponentu stáhnout. Jakmile ji nainstalujeme, můžeme pokračovat v instalaci balíčku XAMPP.

Instalace je jednoduchá a stačí ji jen odklikat. V průběhu si můžeme zvolit, jaké součásti balíčku chceme nainstalovat. Ačkoli ponecháme výchozí nastavení, vysvětleme si, k čemu jednotlivé součásti slouží:

Server

Zde si můžeme vybrat, co chceme v našem serveru mít.

• Apache – Webserver, který zajišťuje komunikaci s klientem. Jedná se o povinnou součást.
• MySQL – Pod tímto označením se v XAMPP instaluje databáze MariaDB. Je s ní propojený uživatelsky přívětivý phpMyAdmin, který je přiložený v instalaci. Existují i další databáze, například SQLite, která je přímo v PHP.
• FileZilla FTP Server – Umožňuje vytvořit si vlastní FTP server a pak se k němu vzdáleně připojovat. Je třeba mít veřejnou IP adresu.
• Mercury Mail Server – Lokální SMTP server pro posílání e-mailů.
• Tomcat – Kontejner servletů pro webové aplikace v Javě.

Program languages

Zde můžeme zvolit programovací jazyky, které chceme na serveru používat.

• PHP – V základu je PHP.
• Perl – Lze však provozovat i Perl.

Tools

Další nástroje, které nám balíček XAMPP nabízí.

• phpMyAdmin – Uživatelsky přívětivá správa MySQL a MariaDB databází.
• Webalizer – Statistiky přístupů webu.
• Fake Sendmail – Odesílání anonymních e-mailů.

Pokud jsme se rozhodli, že některou ze služeb nechceme, můžeme ji odškrtnout. Ale doporučujeme si je nechat. Lze si vybrat, která služba bude běžet a která bude vypnutá, nemusí být tedy všechny používány.

V dalším okně ponecháme jako složku C:\xampp\, protože v Program Files\\ by měl XAMPP problémy se zápisovými právy.

Během instalace budeme pravděpodobně dotázáni ohledně povolení přístupu k síti novým službám, žádosti potvrdíme.

Po doinstalování budeme dotázáni, zda chceme spustit ovládací panel balíčku XAMPP. Potvrdíme.

Ovládací panel

Po spuštění uvidíme následující formulář:

Vidíme zde nainstalované služby. Klíčová pro nás budou tlačítka Start/Stop u služeb Apache a MySQL. Pomocí nich můžeme tyto služby zapínat nebo vypínat. Je rozumné služby vypnout, když je nepoužíváme, jelikož nám jinak zbytečně zatěžují procesor. U každé služby je ještě checkbox, který určuje, zda má být služba spuštěná jako systémová.

Pomocí dalších tlačítek můžeme k dané službě spustit administrační nástroj nebo zobrazit chybový log.

Pokud se nám obě služby spustily, máme vyhráno. Pro první PHP skript nám stačí spuštěný Apache, databázi zatím potřebovat nebudeme.

Editor kódu

Prostředí pro PHP máme tedy připravené. Zbývá ještě stáhnout aplikaci, ve které budeme psát zdrojový kód. Nebude to však Notepad ani PSPad. Jelikož je PHP dynamický jazyk, mohli bychom v aplikacích udělat poměrně velké množství chyb. Potřebujeme opravdu něco chytrého, co nám bude aktivně napovídat a zdrojový kód kontrolovat.

Visual Studio Code (zkráceně VS Code) je pro PHP vhodný hlavně proto, že je rychlý, zdarma a dobře rozšiřitelný. Samotný editor už umí zvýraznění syntaxe, párování závorek, základní doplňování kódu a PHP snippets. Další funkce, například pokročilé našeptávání nebo ladění pomocí Xdebugu, lze doplnit rozšířeními. VS Code je tedy v základu lehčí editor, který si pomocí rozšíření můžeme postupně „dostavět“ takřka do stavu odpovídajícímu plnohodnotnému IDE (integrovanému vývojářskému prostředí).

Stáhneme ho na https://code.visualstudio.com/download, kde vybereme verzi pro náš operační systém:

Ve Windows klikneme na tlačítko Windows a stáhneme instalační soubor. Pokud nás prohlížeč vyzve k potvrzení stažení, klikneme na tlačítko Uložit:

Instalační soubor spustíme a instalaci jen odklikáme. Jazyk instalace ponecháme anglický kvůli kompatibilitě.

První PHP skript

Vytvoříme si adresář hello-world, kam následně umístíme svůj první skript. Protože používáme VS Code spolu s XAMPP, nejjednodušší je ukládat PHP projekty do složky htdocs, protože tu Apache v XAMPP standardně používá jako kořen webu.

Cesta k adresáři na Windows bude tedy následující:

C:\xampp\htdocs\hello-world

Spustíme VS Code. Pokud se při prvním spuštění objeví nabídka přihlášení ke GitHubu pro používání Copilotu, prozatím ji nevyužijeme a zvolíme Continue without Signing In:

Vytvořený adresář hello-world otevřeme ve VS Code pomocí menu File -> Open Folder...:

Pokud se nám adresář otevřel v omezeném režimu (Restricted mode), změníme přístup kliknutím na Manage:

Protože jde o náš vlastní právě vytvořený projekt, povolíme mu důvěru kliknutím na tlačítko Trust a vyskakovací okno zavřeme kliknutím na křížek vpravo nahoře:

Vytvoříme si první skript index.php výběrem z menu File -> New File...:

Do index.php vložíme kód:

<?php
    echo "Ahoj světe!";
?>

Značka <?php zahajuje PHP kód a značka ?> ho ukončuje. Příkaz echo vypíše text v uvozovkách a středník ukončuje příkaz. Soubor uložíme pomocí Ctrl + S jako C:\xampp\htdocs\hello-world\index.php.

V ukázce použijeme znaky < a >. Na české klávesnici je píšeme pomocí Pravého Alt a následujících kláves:

Také použijeme uvozovky, ty píšeme podobně jako znak ů, ale pomocí klávesy Shift:

Může se nám taky hodit napsat středník, který najdeme pod klávesou Esc:

Ověříme, že v ovládacím panelu XAMPP běží Apache. Výsledek si můžeme ověřit v prohlížeči na adrese http://localhost/hello-world/. Měla by se nám objevit věta "Ahoj světe!":

Shrnutí lekce

Pro lokální vývoj webových aplikací v PHP je potřeba webový server, samotné PHP a často také databáze. Tyto nástroje lze získat pomocí balíčku XAMPP, který obsahuje hlavně Apache, PHP a MariaDB. Apache a MariaDB (v panelu označená jako MySQL) se spouštějí přes ovládací panel XAMPP a umožňují testovat web na vlastním počítači ještě před nahráním na webhosting. Pro pohodlnější psaní a kontrolu PHP kódu se používá editor Visual Studio Code, ve kterém jsme vytvořili a uložili první PHP skript.

V příští lekci, Nastavení VS Code a Copilot pro PHP, navážeme na nastavení vývojového prostředí a pustíme se do dalších kroků při práci s PHP.

 

Měl jsi s čímkoli problém? Stáhni si vzorové řešení níže a porovnej ho se svým projektem, chybu tak snadno najdeš.