Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
Pouze tento týden sleva až 80 % na e-learning týkající se Pythonu. Zároveň využij slevovou akci až 30 % zdarma při nákupu e-learningu - Více informací.
python week + discount 30

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

V minulé lekci, Úvod do PHP a webových aplikací, jsme si vysvětlili, jak fungují webové aplikace. Již tedy víme, že PHP je modul, který na serveru generuje HTML stránky.

Abychom mohli v PHP programovat, potřebujeme právě webový server, PHP a databázi.

Tyto technologie zajišťuje webhosting, na který později svůj hotový web nahrajeme. Pokud PHP hosting ještě nemáte, budete si ho muset pořídit. Doporučuji http://www.onebit.cz, který je velmi kvalitní, s podporou která vám poradí když vám něco nepůjde a hlavně s nejnovějšími technologiemi, na kterých se můžete učit. Na ONEbitu hostuje i ITnetwork. Hostování běžného webu stojí i s doménou měsíčně pár desetikorun, čili nic drahého. Jak si webhosting zřídit je popsáno zde: http://www.itnetwork.cz/…-na-internet.

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

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 zadarmo. 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 MySQL, se nazývá XAMPP. Instalace je velmi jednoduchá.

Stažení XAMPP

Stáhněme si Balíček XAMPP z oficiálního webu https://www.apachefriends.org/

Hned na hlavní stránce najdeme odkaz XAMPP for Windows. Zde najdeme nadpis Download, jak je vidět na obrázku níže, a stáhneme Installer.

Instalace XAMPPu

Instalace

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

XAMPP a UAC

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

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

Instalace XAMPPu je jednoduchá a stačí ji jen odklikat. V průběhu si můžete zvolit jaké součásti balíčku chcete nainstalovat. I když nechá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 - Hojně používaná databáze. 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í emailů.
  • Tomcat - Serverlet pro Javu, pokud tvoříte stránky v tomto jazyce.
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 databáze.
  • Webalizer - Statistiky přístupů webu.
  • Fake Sendmail - Odesílání anonymních emailů.

Pokud jste se rozhodli, že některou ze služeb nechcete, můžete ji odškrtnout. Ale doporučuji si je nechat. Můžete si vybrat, která služba bude běžet a která bude vypnutá, nemusí být tedy používána.

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

Složka XAMPP

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

XAMPP a firewall

Po doinstalování budeme dotázáni, zda chceme spustit ovládací panel XAMPPu. Potvrdíme.

Ovládací panel

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

Ovládací panel XAMPPu

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

POZOR! Pokud používáte Skype, nepodaří se vám Apache spustit! Je to z toho důvodu, že Skype je špatně napsaná aplikace a používá port 80, který jí nepatří. Řešením je Skype přenastavit na jiný port, nebo ho vypnout, spustit Apache a poté ho znovu zapnout.

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

Pokud se vám obě služby spustily, máte vyhráno.

IDE

Prostředí pro PHP máme tedy připravené. Zbývá ještě stáhnout aplikaci, ve které budeme psát zdrojový kód. A ne, nebude to 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 zdrojový kód kontrolovat a aktivně napovídat.

Z těch IDE, které jsou zadarmo, je nejlepší asi NetBeans, i když není tolik chytrý a je poměrně pomalý. Stáhneme ho na https://netbeans.apache.org, kde vybereme verzi LTS (verze s dlouhodobou podporou):

NetBeans pro PHP

Klikneme na zelené tlačítko Download. Dostaneme se na takovou stránku, kde stáhneme NetBeans na svůj OS. Pokud máme Windows, stáhneme installer na Windows atp:

Poté se dostaneme na takovou stránku:

NetBeans link

Klikneme na vyznačený link na obrázku a stáhne se nám installer, který spustíme. Instalaci jen odklikáme a spustíme NetBeans.

Zde založíme nový projekt (File -> New Project) a vybereme PHP aplikaci. Jako název napíšeme HelloWorld. Tento název se používá u projektů pro úplné začátečníky, které jen něco vypíší. To je přesně to, co si dnes ještě stihneme ukázat :)

PHP aplikace v NetBeans

Cestu k projektu zvolíme tam, kde máme nastavený adresář pro PHP skripty. Ve výchozím nastavení je to C:\xampp\htdocs\.

Cesta k PHP projektu v NetBeans

Nakonec zvolíme, že chceme používat lokální webserver (náš Apache z XAMPPu) a potvrdíme.

Nastavení lokálního serveru pro PHP projekt v NetBeans

NetBeans nám vygeneruje novou HTML stránku. Všimněte si však, že má příponu .php. V jejím těle naleznete direktivu:

<?php
?>

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

Větší menší

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

Uvozovky

Část stránky mezi značkami <?php a ?> se zpracuje jako PHP skript. Zkusme si to a použijme funkci echo(), která do stránky vypíše nějaký text. Zdrojový kód bude vypadat asi takto:

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
    </head>
    <body>
        <?php
            echo("Tento text do stránky vložilo PHP");
        ?>
    </body>
</html>

Když nyní projekt spustíte zeleným tlačítkem "play" nebo vyťukáte do prohlížeče adresu localhost/HelloWorld, uvidíte následující výsledek:

Your page
localhost/Hello­World

Zobrazený text vypsalo PHP a není pevnou součástí HTML stránky. Pokud se vám cokoli nepovedlo, můžete web zkoušet i přímo na hostingu, i když je to trochu nepohodlné. Projekt z každé lekce naleznete pod článkem vždy ke stažení. Můžete si tak najít případnou chybu.

V příští lekci, Proměnné a typový systém v PHP, si začneme s popisem syntaxe jazyka PHP.


 

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

Stáhnout

Stažením následujícího souboru souhlasíš s licenčními podmínkami

Staženo 1760x (412 B)
Aplikace je včetně zdrojových kódů v jazyce PHP

 

Předchozí článek
Úvod do PHP a webových aplikací
Všechny články v sekci
Základní konstrukce jazyka PHP
Přeskočit článek
(nedoporučujeme)
Proměnné a typový systém v PHP
Článek pro vás napsal David Jančík
Avatar
Uživatelské hodnocení:
336 hlasů
Autor je vášnivý programátor. Nezná slovo "nelze", nebojí se zkoušet nepoznané a pronikat do nových technologií.
Aktivity

 

 

Komentáře
Zobrazit starší komentáře (258)

Avatar
Luděk Štrobl:13. dubna 7:35

Vyzkoušel jsem různé servery, nakonec jsem ale zjistil, že pro základní testování stačí php stažené z oficiálního serveru https://www.php.net/downloads a jeho přidání do systémové proměnné path - spouštím ho v příkazové řádce, kde se zároveň vypisují i všechny chyby. php -S localohost:8000

Editováno 13. dubna 7:36
 
Odpovědět
13. dubna 7:35
Avatar
David Tomko
Člen
Avatar
David Tomko:21. července 11:37

http://www.xampp.org/ stránka se nenačte.

Odpovědět
21. července 11:37
Úspěch je něco, co ti přátelé nikdy neodpustí. — Julian Tuwim
Avatar
Petra Nejezchlebova:3. srpna 11:23

Ahojky, mam ten samy problem,podarilo se ti jej vyresit? dekuji

 
Odpovědět
3. srpna 11:23
Avatar
Petra Nejezchlebova:8. srpna 13:02

narazila jsem na moc problému, které se bez znalostí špatně řeší

 
Odpovědět
8. srpna 13:02
Avatar
Tomáš Pup
Člen
Avatar
Tomáš Pup:5. září 12:09

Ahoj mám úplně stejný problém a to jsem zkoušel stahovat i z jiných stránek a stále stejná chyba, vyřešil si to už nějakým způsobem?

 
Odpovědět
5. září 12:09
Avatar
Tomáš Pup
Člen
Avatar
Tomáš Pup:5. září 12:14

Ahoj když jsem zadal tvou radu do vyhledávače ,, jdk-17_windows-x64_bin" tak mi to našlo JDK je vývojové prostředí pro vytváření aplikací pomocí programovacího jazyka Java. Takže nerozumím tomu jakou to má souvislost s Apache NetBeans 14?

 
Odpovědět
5. září 12:14
Avatar
Tomáš Pup
Člen
Avatar
Tomáš Pup:5. září 12:16

Funguje tady někomu Apache NetBeans 14 ? Jestli ano tak kde jste ho stáhli, protože já jej stahoval dle tutoriálu a nelze jej nainstalovat, ani z jiných stránek nešlo jej nainstalovat.

 
Odpovědět
5. září 12:16
Avatar
x.listo
Tvůrce
Avatar
x.listo:5. září 22:10

Ano, jde stáhnout i instalovat 😀

Netbeans je (asi) primárně vývojové prostředí pro Javu a je napsané v Javě. Proto před instalací potřebuješ mít v počítači nainstalovaný JDK (Java SE Development Kit). Aktuální verzi pro Windows stáhneš tady: https://www.oracle.com/…s/downloads/#…. Nejjednodušší na instalaci zřejmě bude ten s .exe příponou. Potom instalace Netbeans půjde dokončit.

Případně PHP by mělo umět Visual Studio Code.
Návod na aktivaci zde: https://code.visualstudio.com/…anguages/php nebo můžeš vyzkoušet trial PHPStorm od JetBrains, jejichž vývojová prostředí jsou považována za špičku: https://www.jetbrains.com/phpstorm/

 
Odpovědět
5. září 22:10
Avatar
Tomáš Pup
Člen
Avatar
Odpovídá na x.listo
Tomáš Pup:6. září 8:38

Řešil jsem to pak přes Discord a tam mi poradily. Je to jak říkáš ;) díky

 
Odpovědět
6. září 8:38
Avatar
Václav Novotný :11. září 11:14

Ahoj všem , takže problém se stažením Apache NetBeans podle odkazu uvedeného tady v návodu byl jen v zastaralém Java kodeku na mém počítači proto ihned po aktualizaci jsem jej rozchodil.
Snad to někomu pomůže.

 
Odpovědět
11. září 11:14
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 10 zpráv z 268. Zobrazit vše