Moderné webové technológie 6 - Angular

Zhrnutie prednášky

Šiesta prednáška z Moderných webových technológií rieši problém straty prihlasovacieho tokenu v Angular aplikácii pri prechode medzi stránkami pomocou klasického odkazu (href), ktorý spôsobí reštart celej aplikácie. Ako riešenie sa predstavuje ukladanie tokenu do localStorage prehliadača pomocou metód setItem, getItem, removeItem a clear, implementované cez getter a setter, vďaka čomu token prežije aj vypnutie prehliadača. Vysvetľuje sa rozdiel medzi sessionStorage a localStorage, obmedzenie úložiska na približne 10 MB na doménu a princíp fungovania access a refresh tokenov v OAuth2/OIDC. Prednáška ďalej porovnáva localStorage s cookies a cache prehliadača a ako správne riešenie SPA navigácie predstavuje routerLink namiesto href, ktorý mení URL bez opätovného načítania celej aplikácie zo servera.

• Problém straty tokenu pri reštarte Angular aplikácie
• LocalStorage a sessionStorage v prehliadači
• Metódy setItem, getItem, removeItem, clear
• Uloženie tokenu do localStorage cez getter/setter
• Životnosť access tokenu a refresh tokenu (OAuth2/OIDC)
• Rozdiel medzi cookies, cache a local storage
• routerLink namiesto href pre navigáciu bez reloadu stránky

Zhrnutie pripravené s pomocou AI z prepisu videa.