1
00:00:00,300 --> 00:00:12,230
Bienvenue dans cette leçon qui est la partie 3 de l'ajout d'authentification à votre camp, nous allons nous concentrer sur loggin sera d'écrire les deux dans les itinéraires et puis aussi le journal et le modèle avec les enfants formulaire commencé ici.

2
00:00:12,720 --> 00:00:15,840
Donc, tout comme registre log in doit avoir deux routes.

3
00:00:15,960 --> 00:00:25,260
Cela devrait être un peu un examen de la dernière unité où nous avons abordé plus en détail, mais nous avons besoin d'une demande GET pour montrer le formulaire et puis s'opposent à faire réellement l'ouverture de session.

4
00:00:25,260 --> 00:00:28,620
Commençons donc par le formulaire et je vais ajouter un commentaire ici.

5
00:00:28,620 --> 00:00:31,830
Afficher le formulaire de connexion comme ça.

6
00:00:32,250 --> 00:00:46,130
Et puis, une fois que vous avez un appétit obtenir greffé log dans notre réponse à la demande et le rappel chaque aller et puis rendra le journal dans le modèle qui n'existe pas encore.

7
00:00:46,140 --> 00:00:49,920
Maintenant, nous allons créer ce point de vue tactile slash log in.

8
00:00:49,960 --> 00:00:50,320
E.J ..

9
00:00:50,340 --> 00:00:55,890
Oui et maintenant il est ouvert que beaucoup pour commencer.

10
00:00:55,880 --> 00:01:02,660
Et chacun de ceux qui vient de dire se connecter et enregistrer un démarrage du serveur.

11
00:01:03,420 --> 00:01:08,070
Allons à notre application et essayer de visiter l'ouverture de session slash.

12
00:01:08,100 --> 00:01:08,910
Voilà.

13
00:01:08,910 --> 00:01:09,770
Cela semble bon.

14
00:01:10,010 --> 00:01:11,910
Pas de déjeuner au forum.

15
00:01:12,180 --> 00:01:20,260
Donc, nous devons avoir une étiquette de formulaire et nous allons commencer avec nos entrées et mettre le type d'appels texte et nous pourrions simplement voler cela à partir du formulaire de registre.

16
00:01:20,490 --> 00:01:23,070
Mais c'est une bonne pratique de le taper de nouveau à zéro.

17
00:01:23,070 --> 00:01:32,230
Donc, le type d'entrée va nom de texte égal à username placeholder égale nom d'utilisateur ainsi.

18
00:01:33,180 --> 00:01:45,210
Et puis un autre type de saisie égale le nom du mot de passe est égal à l'espace réservé du mot de passe est égal au mot de passe.

19
00:01:45,210 --> 00:01:53,430
Et puis plutôt que de faire un bouton que j'ai fait, je vais juste utiliser un type d'entrée de soumettre juste pour démontrer que vous pouvez utiliser un ou l'autre.

20
00:01:53,440 --> 00:01:55,590
So input type submit.

21
00:01:56,580 --> 00:01:58,140
Et puis nous devons lui donner une valeur.

22
00:01:58,590 --> 00:02:00,100
Et c'est ce qui va effectivement apparaître.

23
00:02:00,150 --> 00:02:05,780
Donc, la valeur va juste dire log in, mais sauvez Regardez notre formulaire.

24
00:02:06,200 --> 00:02:06,770
D'ACCORD.

25
00:02:06,960 --> 00:02:07,880
Nous avons la forme.

26
00:02:07,920 --> 00:02:13,680
Il ne fait rien maintenant parce que nous devons lui donner une action et une méthode.

27
00:02:14,160 --> 00:02:21,540
Et tout comme l'enregistrement sur le registre, nous avons une demande de poste que nous faisons pour slash enregistrer sur le formulaire d'ouverture de session.

28
00:02:21,540 --> 00:02:25,040
Nous allons faire une demande de poste pour ouvrir une session.

29
00:02:25,620 --> 00:02:34,640
Donc l'action doit être logon social et la méthode devrait être post et nous allons l'enregistrer pour s'assurer que cela fonctionne.

30
00:02:35,010 --> 00:02:42,750
Ensuite, si je me connecte en ce moment, nous recevons un petit message indiquant que nous ne pouvons pas afficher de slash, car nous n'avons pas d'itinéraire pour cela.

31
00:02:42,750 --> 00:02:51,970
Donc, je vais revenir en fait oui et ajouter dans notre journal en route et cette route sera responsable de la log log logique.

32
00:02:52,380 --> 00:02:59,750
Donc amped up post slash se connecter à notre rappel.

33
00:02:59,790 --> 00:03:05,100
Et puis ce que nous allons faire est de simplement faire un simple lire envoyer log in.

34
00:03:05,190 --> 00:03:15,420
La logique se produit ici et nous voulons juste nous assurer que nous voyons cela et nous devons redémarrer le serveur quand nous changeons ou ajoutons un nouvel itinéraire.

35
00:03:15,420 --> 00:03:18,140
Maintenant, nous allons actualiser quelque chose de type.

36
00:03:18,240 --> 00:03:23,290
En fait, nous n'avons même pas besoin de remplir les logs et nous obtenons log logique se produit ici.

37
00:03:23,610 --> 00:03:24,300
D'accord.

38
00:03:24,420 --> 00:03:24,720
Génial.

39
00:03:24,720 --> 00:03:34,300
Donc, nous avons les routes qui up correctement, mais je vais effectivement se débarrasser de tout cela parce que si vous vous souvenez de retour de la dernière unité de la façon dont nous pouvons faire le login est en utilisant un middleware.

40
00:03:34,590 --> 00:03:35,690
Et c'est le passeport.

41
00:03:35,720 --> 00:03:36,960
Authentifier le middleware.

42
00:03:37,050 --> 00:03:42,400
Donc, ajoutez que dans ici le passeport Khama dot authentifier.

43
00:03:42,780 --> 00:03:45,530
Et puis à l'intérieur, nous devons fournir locaux.

44
00:03:45,720 --> 00:03:53,040
Et puis après local comme un second argument nous fournissons un objet et cet objet prendra deux succès de choses.

45
00:03:53,040 --> 00:03:54,300
Réorienter.

46
00:03:54,750 --> 00:04:08,020
Et si un utilisateur se connecte avec succès, redirigeons vers les terrains de camping slash et une redirection d'échec et laissez-nous indent ceci maintenant que nous avons assez de texte ici.

47
00:04:08,910 --> 00:04:18,800
OK pour redirection succès et une redirection d'échec et il redirigera juste de nouveau à l'ouverture de session slash.

48
00:04:18,840 --> 00:04:27,750
S'il échoue comme ça, il ya beaucoup de tic-tac ici et nous avons encore besoin d'une virgule, et alors nous devrions être bien d'aller.

49
00:04:27,750 --> 00:04:29,220
Alors passons à autre chose.

50
00:04:29,220 --> 00:04:36,170
C'est un peu d'examen de avant que nous n'avons pas amped up post route à slash se connecter quand une demande vient dans slash log in.

51
00:04:36,210 --> 00:04:37,580
Cela va commencer en premier.

52
00:04:37,620 --> 00:04:40,860
Tout cela et tout cela n'est que le deuxième argument.

53
00:04:40,860 --> 00:04:49,280
Donc, il ressemble vraiment à cet apt up post, nous avons Slash connexion, puis nous avons le middleware et puis nous avons notre rappel.

54
00:04:49,980 --> 00:04:56,520
Donc, le middleware va d'ici à là, ce qui est toujours un peu déroutant lorsque vous mettez les choses sur de nouvelles lignes.

55
00:04:56,520 --> 00:05:09,060
Mais c'est beaucoup mieux que d'avoir une ligne gigantesque pas middleware, nous allons appeler la méthode d'authentification que nous avons mis en place ici tant de code pour aller vers le haut.

56
00:05:09,090 --> 00:05:10,170
Nous voilà.

57
00:05:10,500 --> 00:05:14,870
Passeport n'utilisent pas d'utilisateur stratégie locale ou d'authentification.

58
00:05:14,880 --> 00:05:23,650
Donc, quand nous appelons les données d'utilisateur choses Kate ou passport point authentifier sur une stratégie locale, il utilisera la méthode que nous n'avons pas eu à écrire.

59
00:05:23,670 --> 00:05:27,900
Il nous a été donné gratuitement en utilisant le passeport mongoose package local.

60
00:05:28,020 --> 00:05:37,730
Mais il va appeler cette authentification qui prendra alors la demande de mot de passe de corps par le nom d'utilisateur et puis il authentifiera ce mot de passe avec ce que nous avons stocké dans la base de données pour cet utilisateur.

61
00:05:37,810 --> 00:05:41,050
Et il prend soin de toute la logique complexe que nous n'avons pas à vous soucier.

62
00:05:41,460 --> 00:05:49,670
Et puis, si ça fonctionne, il redirige ces terrains de camp s'il ne fonctionne pas, rediriger vers le slash et puis nous avons ce Colbeck ici qui ne fait vraiment rien.

63
00:05:49,670 --> 00:05:51,320
Et nous pouvons nous en débarrasser si nous le voulons.

64
00:05:51,780 --> 00:05:55,670
Mais je veux juste le laisser là pour que vous sachiez que c'est un middleware.

65
00:05:56,070 --> 00:05:56,810
D'ACCORD.

66
00:05:57,030 --> 00:05:59,210
Redémarrez donc le serveur.

67
00:05:59,670 --> 00:06:02,730
Voyons ce qui se passe, je vais me débarrasser de cette ligne.

68
00:06:03,050 --> 00:06:05,330
Il se plaint de cela.

69
00:06:05,370 --> 00:06:06,700
Voilà.

70
00:06:07,560 --> 00:06:19,810
Let's actualiser et brancher avec ce même compte qu'ils ont créé la dernière fois Severus et le mot de passe est Nahit mot de passe de connexion et je vais à slash terrains de camping.

71
00:06:19,860 --> 00:06:20,880
Génial.

72
00:06:20,880 --> 00:06:22,430
Maintenant, revenons en arrière.

73
00:06:22,500 --> 00:06:28,240
Je vais réinitialiser le serveur à nouveau et laissez-moi essayer de lire quelque chose que je sais ne fonctionne pas.

74
00:06:29,070 --> 00:06:36,900
J'espère que nous n'avons pas un compte avec ce mot de passe et je reviens au formulaire de connexion parce que c'est ce que j'ai défini comme la redirection d'échec.

75
00:06:37,320 --> 00:06:40,470
OK, permettez-moi de répéter ceci parce que c'est un concept important.

76
00:06:40,470 --> 00:06:46,710
Il s'agit du même passeport que l'authentification que nous utilisons au lieu d'enregistrer que nous utilisons au lieu de journal.

77
00:06:46,710 --> 00:06:54,990
La différence est qu'au lieu d'enregistrer, nous faisons d'autres choses avant d'exécuter le passeport authentifier que nous sommes en train d'enregistrer l'utilisateur faisant un nouvel utilisateur.

78
00:06:54,990 --> 00:07:03,560
Et puis, si cela fonctionne, alors nous enregistrons l'utilisateur dans versus ici sur slash log dans l'utilisateur est présumé exister déjà.

79
00:07:03,570 --> 00:07:07,210
Donc tout ce que nous faisons, c'est que le passeport authentifie qui va les ouvrir.

80
00:07:07,530 --> 00:07:09,630
OK, c'est tout ce que je veux faire.

81
00:07:09,900 --> 00:07:14,740
Le log dans la logique avec ces deux routes après que je me connecte dans l'APT jusqu'à l'ouverture de poste.

82
00:07:14,940 --> 00:07:16,500
Et puis nous avons aussi la forme ici.

83
00:07:16,620 --> 00:07:18,650
Juste une forme simple comme registre.

84
00:07:18,660 --> 00:07:22,870
La seule différence est celle-ci ici où nous envoyons le formulaire à.

85
00:07:23,310 --> 00:07:23,750
Impressionnant.

86
00:07:23,760 --> 00:07:28,340
Dans la prochaine vidéo de travailler sur la déconnexion et aussi rendre notre barre NAV un peu mieux.