Loguer un utilisateur et recevoir un token JWT en réponse

Créer une application FullStack TypeScript avec Angular et NestJS

Introduction

Développement de notre première application NestJS

Création d'un module, d'un controller et d'un service (13:18)
Typage à l'aide d'une interface (4:49)
Gérer le POST d'un nouveau todo (9:42)
Récupérer un todo par son id (7:17)
Typage du body d'une requête POST à l'aide d'un DTO (9:42)
Update d'un todo existant (12:09)
Tests de l'update avec Postman (5:26)
Suppression d'un todo (8:51)

Les pîpes

Les interceptors

Les possibilités offertes par les interceptors (2:43)
Créer de notre premier interceptor (9:11)
Utiliser notre interceptor (5:30)
Implémenter la mesure de la durée d'exécution de la requête et de la réponse (3:11)
Créer un interceptor qui récupère les caractéristiques du client (10:04)
Enrichir un réponse HTTP (7:32)
Enrichir une réponse (second exemple) (7:33)
Interceptor qui filtre ou remplace une donnée entrante (6:40)

Les guards

Introduction aux guards (4:39)
Appliquer un guard à une méthode de notre controller (5:29)
Guard qui autorise uniquement un certain type de véhicule (3:03)
Récupérer dans le guard des meta-données portées par une méthode du controller (6:11)
Comparer les méta-données du controller et la donnée postée interceptée par le guard (3:42)
Créer un custom decorator chargéde fournir des méta-données (6:26)

Projet FullStack TypeScript : créer un CMS

Générer le projet NestJS (2:18)
Installer Mongoose (4:48)
Se connecter à MongoDB via Mongoose (6:00)
Ajouter config.ts à .gitignore (1:13)
Créer un schéma Mongoose pour la collection Articles (5:18)
Créer un nouvel Article en base avec Mongoose (9:01)
Ajouter un controller qui gère le POST d'un article (7:50)
Pointer vers une autre collection sur MongoDB Atlas (2:45)

Projet FullStack TypeScript : notre client Angular

Projet FullStack TypeScript : le module Angular Articles

Projet FullStack TypeScript de CMS : module d'administration

Créer un module Admin (7:31)
Créer un Reactive Form permettant de poster un article (8:27)
Poster un nouvel article vers le serveur NestJS (9:42)
Créer un modèle Article (2:01)
Getters permettant d'accéder aux erreurs de validation depuis le template (4:46)
L'extension VS Code Peacock (1:59)

Projet FullStack TypeScript de CMS : gestion des erreurs

Projet FullStack TypeScript de CMS : afficher les articles

Projet FullStack TypeScript de CMS : suppression d'articles

Méthode de suppression d'article (4:10)
Consommer la méthode de suppression (7:57)
Créer un route handler NestJS pour le verbe HTTP DELETE (5:08)
Afficher les messages d'attente ou d'erreur (3:57)
Rafraîchir la page après une suppression réussie (7:42)

Projet FullStack TypeScript de CMS : modification d'articles

Projet FullStack TypeScript de CMS : création d'utilisateurs

Projet FullStack TypeScript de CMS : modification d'articles (suite)

Projet FullStack TypeScript de CMS : authentifier un utilisateur

Créer le module Auth NestJS (5:28)
Implémenter la "local strategy" de Passport (9:56)
Vérification de tous les imports et exports (4:32)
Créer un route handler pour le POST vers la route de login + test postman (6:27)
Créer une JWT Strategy (8:00)
Retourner un token JWT si le login a réussi (9:05)
Tester la création et l'envoi d'un token en cas de login réussi (1:44)

Projet FullStack TypeScript de CMS : créer un utilisateur côté Angular

Projet FullStack TypeScript de CMS : loguer un utilisateur côté Angular

Contenu verrouillé

Si vous êtes déjà inscrit vous devrez vous connecter.