Jak funguje webová aplikace?

Jak funguje webová aplikace?

Webová aplikace je aplikace, která je dostupná na webovém serveru umístěném v počítačové síti, například v Internetu, a uživatelé ji používají vzdáleně ze svých zařízení pomocí webového prohlížeče.

Co je serverová a co klientská část (co je backend a co je frontend)?

Každá webová aplikace má serverovou (backend) a klientskou (frontend) část. Backend je část webové aplikace, která se spouští na serveru, stará se například o komunikaci s databází a provádění logiky aplikace. Backend následně vygeneruje výstup, kterým je zdrojový kód frontendu. Frontent webové aplikace pak slouží pro zobrazení výstupu z backednu a komunikaci a interakci s uživatelem aplikace.

U některých webových aplikací, například u jednodušších webových stránek nebo progresivních webových aplikací, může být backend triviální a je vyvíjen hlavně frontend. V každém případě i tyto webové aplikace mají backend, ale ten má třeba jenom takovou triviální funkci, že pošle manuálně naprogramovaný zdrojový kód frontendu uložený na webovém serveru do prohlížeče.

Zde je velmi důležitý fakt, že zdrojový kód backendu webové aplikace uživatel nevidí, ale zdrojový kód frontendu webové aplikace je uživateli vždy přístupný.

Jak funguje webová aplikace?

Webová aplikace je vždy dostupná pomocí URL adres, kterých obsah je možné zobrazit a používat pomocí webového prohlížeče. Když uživatel zadá do webového prohlížeče nějakou URL adresu webové aplikace, odešle uživatelův webový prohlížeč dotaz (HTTP request) na webový server. Tento dotaz obsahuje mimo jiné také dotazovanou URL adresu a vstupní parametry (ty mohou být zakódovány v adrese, nebo jsou odeslány jako data v těle dotazu po tom, co uživatel vyplní a odešle nějaký formulář na dané webové stránce).

Po odeslání dotazu na webový server se na serveru spustí příslušná část webové aplikace (backend) se zadanými vstupnými parametry. Po tom, co doběhne příslušná část backendu webové aplikace, je vygenerován textový výstup - odpověď (HTTP response) na dotaz, který zaslal uživatelův prohlížeč a tato odpověď je zaslána zpět do prohlížeče.

HTTP response pak v těle odpovědi může obsahovat nějaký obsah daného typu. Dle typu odpovědi pak webový prohlížeč provede s obsahem danou akci. Nejčastěji je obsahem úspěšné odpovědi zdrojový kód v jazyce HTML, který může ještě obsahovat CSS styly a JavaScript. Webový prohlížeč uživatele pak z tohoto zdrojového kódu (frontendu) vyrenderuje danou webovou stránku, spustí příslušné skripty ve svém běhovém prostředí a výsledek zobrazí uživateli.

Touto interakcí - tedy prováděním dotazů a odpovědí - mezi uživatelem a webovým serverem (webovou aplikací), pak může uživatel webové aplikace používat všechny funkce, které daná webová aplikace nabízí.

Pokud se chcete dozvědět více o tom, co je to webová aplikace a kdy je vhodné ji použít, pokračujte zde, nebo mě kontaktujte …

Michal Strelec,