NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Lekce 17 - Databázový klient s autentizací v Angular - AuthService

V předchozí lekci, Databázový klient s autentizací v Angular - Relace a JWT, jsme si představili autentizaci založenou na relacích a další na tokenech. Řekli jsme si, že budeme používat tu druhou jmenovanou a připravili si pro ní serverovou část aplikace.

V tomto Angular tutoriálu budeme zase programovat a pokročíme v naší databázi filmů. Vytvoříme si třídu AuthService, jejímž úkolem bude zprostředkovávat komunikaci mezi klientem a naším autentizačním API. Zároveň se naučíme používat HttpInterceptor a základní operátory z knihovny RxJS.

Model User

Nejprve si však vytvoříme model User, který bude představovat aktuálně přihlášeného uživatele. Ve složce app/services/models/ si tedy vytvoříme soubor user.model.ts. Třída bude velice jednoduchá, o uživateli budeme uchovávat pouze jeho ID a e-mail:

export class User {
    constructor(public id: string, public email: string) {}
}

AuthService

Nyní se už můžeme dát do tvorby samotné třídy AuthService. Její základní strukturu si vygenerujeme pomocí následujícího příkazu v klientovi:

ng g s services/auth

 

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

Znalosti v hodnotě stovek tisíc získáš za pár korun

Došel jsi až sem a to je super! Věříme, že ti první lekce ukázaly něco nového a užitečného.
Chceš v kurzu pokračovat? Přejdi do prémiové sekce.

Omezená nabídka: Nauč se vše a ušetři

Koupit všechny aktuálně dostupné lekce s funkcí odevzdávání úloh za exkluzivní cenu 285 Kč
Aktuální stav konta 0 Kč
Koupí tohoto výhodného balíčku získáš přístup ke všem 19 článkům (19 lekcí) tohoto kurzu s kontrolou a certifikací a ještě navíc ušetříš 91 Kč. Nabídka je časově omezená a platí pro všechny lekce v kurzu. Nakup teď a získej limitovanou 24% slevu.

Před koupí tohoto článku je třeba koupit předchozí díl

Obsah článku spadá pod licenci Premium, koupí článku souhlasíš se smluvními podmínkami.

Co od nás v dalších lekcích dostaneš?
  • Neomezený a trvalý přístup k jednotlivým lekcím.
  • Kvalitní znalosti v oblasti IT.
  • Dovednosti, které ti pomohou získat vysněnou a dobře placenou práci.

Popis článku

Požadovaný článek má následující obsah:

V tomto Angular tutoriálu si vytvoříme AuthService a propojíme klientskou a serverovou část aplikace. Zároveň se naučíme používat HttpInterceptor a RxJS.

Kredity získáš, když podpoříš naši síť. To můžeš udělat buď zasláním symbolické částky na podporu provozu nebo přidáním obsahu na síť.

Článek pro vás napsal Radek Vymětalík
Avatar
...
Aktivity