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
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.
Koupit tento kurz
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.
- 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íť.
