8. diel - Filmová databáza v Java Spring Boot - Angular / React projek

Vitajte u nového tematického celku, kde sa zoznámime s tvorením moderných webových aplikácií cez API pomocou REST. V tejto konkrétnej lekcii si vytvoríme projekt a ukážeme si, ako na Spring Boot aplikáciu napojiť klienta vo frameworku Angular alebo React.

Motivácia

V minulých lekciách sme si vytvorili aplikáciu kompletne len v Spring Boot. V minulosti sa aplikácia naozaj takto tvorili a doteraz sa nejaké aplikácia takto aj tvorí, hlavne tie, ktoré sú zamerané na články (napr. ITnetwork takto funguje).

V praxi sa dnes ale na webe používa veľa aplikácií, ktoré sú naozaj skôr aplikáciami než webovými stránkami s článkami, napr. Spotify alebo Google Docs. Od takéto aplikácie čaká užívateľ skôr funkčnosť ako majú napríklad desktopové aplikácie bežiace v systéme Windows a nie ako webové stránky, kde sa celá stránka přenačte vždy, keď sa na niečo klikne. Preto sa dnes väčšina aplikácií takto už neprogramuje.

Aplikácie s API serverom a klientom v JavaScripte

Moderné aplikácie sú rozdelené na 2 časti:

• API server
• Tlustý klient v JavaScripte

Vysvetlime si API. Predstavme si, že sme v reštaurácii a práve si vyberáme jedlo. Príde čašník, ktorý si od nás vezme objednávku a tú odovzdá kuchyni. Kuchyňa nám pripravia jedlo a dá ho opäť čašníkovi, ktorý nám spracovanú objednávku prinesie. V tomto prípade je pre nás čašník také API. Klient (JavaScript kód) cez náš kontrolér (API) zavolá požiadavku, náš kontroller zavolá service, ktorý túto požiadavku spracuje a späť pošle jeho výsledok.

API napíšeme v Jave a následne s ním budeme komunikovať z aplikácie napísané v JavaScriptu v Angular alebo React. Táto aplikácia bude

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