Lekce 11 - Backendové API v Node.js a Expressu pomocí Codexu Nové

V minulé lekci, Spuštění React aplikace a práce se stavem, jsme spustili React aplikaci portálu EnergoSun, vysvětlili si práci s komponentami, TypeScriptem a stavem a přidali přepínání testovacích uživatelů.

V tomto tutoriálu rozšíříme portál EnergoSun o backendové API. Pomocí Codexu vytvoříme backend v Node.js, jeho zdrojový kód budeme psát v TypeScriptu a pro HTTP rozhraní použijeme framework Express. Vysvětlíme si také, jakou roli mají v celé aplikaci React frontend, HTTP požadavky, endpointy a formát JSON.

Frontend a backend

Webovou aplikaci si můžeme představit jako restauraci. Host pracuje s jídelním lístkem, předá objednávku a dostane hotové jídlo. Nemusí přitom vstupovat do kuchyně ani vědět, jak přesně kuchař objednávku zpracoval.

Podobné rozdělení používají webové aplikace. Frontend je část aplikace, kterou uživatel vidí a ovládá. V portálu EnergoSun jde o rozhraní vytvořené pomocí HTML, CSS, Reactu a TypeScriptu. Uživatel v něm vidí přehled požadavků, otevírá jejich detail nebo pracuje s formulářem.

Backend běží na serveru a zpracovává požadavky frontendu. Při vývoji jej můžeme spustit na svém počítači, v reálném nasazení ale obvykle běží na vzdáleném serveru nebo webhostingu připojeném k internetu. Díky tomu k němu může frontend přistupovat z různých zařízení a míst.

Frontend tedy nebude potřebovat znát způsob, jakým jsou data na serveru uložená. Potřebuje pouze vědět, kam má požadavek poslat a jakou odpověď může očekávat.

Ačkoliv se toto rozdělení může zdát složité, jde o jednu z nejrozšířenějších architektur moderních webových aplikací. Umožňuje totiž centrálně ukládat a spravovat data, se kterými mohou oprávnění uživatelé pracovat z různých zařízení a míst.

...konec náhledu článku...
Pokračuj dál