11. diel - Backendové API v Node.js a Expresse pomocou Codexu Nové

V minulej lekcii, Spustenie React aplikácie a práce so stavom , sme spustili React aplikáciu portálu EnergoSun, vysvetlili si prácu s komponentmi, TypeScriptom a stavom a pridali prepínanie testovacích užívateľov.

V tomto tutoriále rozšírime portál EnergoSun o backendové API. Pomocou Codexu vytvoríme backend v Node.js, jeho zdrojový kód budeme písať v TypeScripte a pre HTTP rozhranie použijeme framework Express. Vysvetlíme si tiež, akú úlohu majú v celej aplikácii React frontend, HTTP požiadavky, endpointy a formát JSON.

Frontend a backend

Webovú aplikáciu si môžeme predstaviť ako reštauráciu. Hosť pracuje s jedálnym lístkom, odovzdá objednávku a dostane hotové jedlo. Nemusí pritom vstupovať do kuchyne ani vedieť, ako presne kuchár objednávku spracoval.

Podobné rozdelenie používajú webové aplikácie. Frontend je časť aplikácie, ktorú používateľ vidí a ovláda. V portáli EnergoSun ide o rozhranie vytvorené pomocou HTML, CSS, Reactu a TypeScriptu. Užívateľ v ňom vidí prehľad požiadaviek, otvára ich detail alebo pracuje s formulárom.

Backend beží na serveri a spracováva požiadavky frontendu. Pri vývoji ho môžeme spustiť na svojom počítači, v reálnom nasadení ale obvykle beží na vzdialenom serveri alebo webhostingu pripojenom k internetu. Vďaka tomu k nemu môže frontend pristupovať z rôznych zariadení a miest.

Frontend teda nebude potrebovať poznať spôsob, akým sú dáta na serveri uložené. Potrebuje iba vedieť, kam má požiadavku poslať a akú odpoveď môže očakávať.

Hoci sa toto rozdelenie môže zdať zložité, ide o jednu z najrozšírenejších architektúr moderných webových aplikácií. Umožňuje totiž centrálne ukladať a spravovať dáta, s ktorými môžu oprávnení používatelia pracovať z rôznych zariadení a miest.

...koniec náhľadu článku...
Pokračuj ďalej