📄️ Introduction
Dans ce niveau
📄️ 22-1 Utilisation de la propriété localStorage
Le localStorage est supporté nativement par la majeure partie des navigateurs modernes via la propriété localStorage. Ainsi, pas besoin de librairie supplémentaire ou d'importer quoi que ce soit dans Angular.
📄️ 22-2 Guard d'authentification
Pour protéger et restreindre l'accès à certaines routes, Angular propose le concept de guard. Il s'agit d'une fonction exécutée avant de donner l'accès à une route. On vient ensuite associer aux routes, au besoin, un guard pour en restreindre l'accès.
📄️ 22-3 Vérifier une propriété du LocalStorage
Dans le guard, il est possible de vérifier une propriété du LocalStorage, par exemple si on avait une propriété "pseudonyme" contenant le nom choisi de l'utilsateur.
📄️ 22-4 Redirection vers page de connexion
Dans le cas où l'utilisateur n'a pas accès, on veut évidemment rediriger vers une page de connexion.
📄️ 22-5 Service AuthService
Tout comme on cherche à extraire les appels d'API des composants pour les concentrer dans des classes de service, on voudra sortir de la fonction de guard la référence au localStorage et les références aux détails d'implémentation comme la clé pseudo.
📄️ 22-6 Obtenir l'utilisateur connecté
Il serait pertinent de pouvoir obtenir le détail de l'utilisateur connecté, pour afficher son nom quelque part, dans la barre de navigation par exemple.
📄️ 22-7 Connexion et déconnexion
On ne gèrera pas manuellement le local storage en demandant aux utilisateurs d'entrer une valeur dans les outils de développeur!