1
00:00:00,690 --> 00:00:08,370
Welkom terug in deze les we oppakken waar we gebleven met de authenticatie code samen en we gaan om toe te voegen in het logboek in de functionaliteit.

2
00:00:08,550 --> 00:00:16,700
Dus dat betekent dat je nodig hebt om toe te voegen dat om in te loggen routes die nu voor de vorm maakt de vorm en de andere die eigenlijk doet het logboek in de logica.

3
00:00:17,100 --> 00:00:20,210
En dan hebben we eigenlijk nodig om het formulier te maken en dan zullen we het testen.

4
00:00:20,220 --> 00:00:22,250
Dus laten we binnen de slag.

5
00:00:22,480 --> 00:00:26,420
Ja, we gaan twee routes en deze twee routes opnieuw toe te voegen.

6
00:00:26,460 --> 00:00:29,310
Een daarvan is de GET-verzoek en een is een POST-aanvraag.

7
00:00:29,310 --> 00:00:33,320
Beide zullen slash log in net zoals we deden voor register.

8
00:00:33,870 --> 00:00:37,470
Dus laten we beginnen met de vorm en ik zal een andere noot hier te maken.

9
00:00:37,470 --> 00:01:00,050
Deze zullen je ingelogd zijn routes en de eerste is gewoon te log in vorm en dat een mooi en makkelijk krijgt niet slash logon verzoek respons te maken en ze terug te bellen en we zullen gewoon een rez maken log in.

10
00:01:00,060 --> 00:01:01,630
Laten we nu te creëren die vorm.

11
00:01:01,680 --> 00:01:10,870
Dus raak gebruik slash logon Ejay ons en open die up beelden slash aanmelden dat E.J. Ja.

12
00:01:11,100 --> 00:01:11,850
Grote.

13
00:01:11,970 --> 00:01:19,540
En we zullen voeg gewoon een mooie H-1 die zegt log in en laten we ervoor zorgen dat we zien als we beginnen met de app.

14
00:01:20,460 --> 00:01:26,470
Laten we naar onze applicatie en ga naar slash te loggen en de sjabloon te ontvangen.

15
00:01:26,680 --> 00:01:34,980
Dus nu is het toevoegen in de vorm en dit zal worden net als het inschrijfformulier met uitzondering van één groot verschil dat is waar de vorm onderwerpt aan.

16
00:01:35,010 --> 00:01:38,410
Dus we zullen toevoegen dat laatste Laten we gewoon gaan met de ingangen weer.

17
00:01:38,460 --> 00:01:59,460
Dus soort gelijk aan de tekst op de eerste naam is gelijk aan de gebruikersnaam en placeholder is gelijk aan de gebruikersnaam en dan gaan we dupliceren en hier zijn we zullen doen soort gelijk wachtwoord naam wachtwoord nogmaals in en placeholder zal wachtwoord.

18
00:02:00,180 --> 00:02:11,400
En dan zullen we voegen een R-knop om het formulier en we zullen gewoon schrijven inloggen en dan moeten we werken aan de werkelijke formulier zelf.

19
00:02:11,400 --> 00:02:23,720
Dus dit formulier moet een post verzoek om in te loggen slash log in als een post zal onze andere route die we nog niet hebben gedefinieerd worden verstuurd, maar dat is waar we eigenlijk de data zullen verwerken en erachter te komen of de geloofsbrieven aan te passen.

20
00:02:24,230 --> 00:02:35,980
Dus laten we stellen dat tot in plaats van log in elk geval hebben we actie gelijk slash log in en de methode is ook een post.

21
00:02:36,450 --> 00:02:43,320
Dus dit formulier is eigenlijk op het slash aanmelden als het de route te berekenen en hij aan slash log in als een post.

22
00:02:43,320 --> 00:02:44,580
Laten we nu eens een kijkje nemen op het.

23
00:02:44,850 --> 00:02:47,720
Vernieuw de pagina zien we het formulier.

24
00:02:47,790 --> 00:02:54,790
Geweldig zijn als we proberen en legt het op dit moment hebben we niet een slash log in als een post route en het zal alleen maar time-out.

25
00:02:55,170 --> 00:03:04,170
Dus gaan we nu terug gaan en voeg de log in post route en deze route die verantwoordelijk zijn voor log in logica zal zijn.

26
00:03:04,320 --> 00:03:30,110
Dus op eerste bericht slash log in functie verzoek respons en hier hebben we een aantal nieuwe logica en het is eigenlijk niet zo nieuw omdat we al gebruikten het hier en we hebben paspoort dot authenticeren lokale We zullen precies hetzelfde doen, behalve dat er een kleine twist dat is dat we niet van plan om het te doen binnenkant van de callback hier.

27
00:03:30,300 --> 00:03:34,420
We daadwerkelijk gaat om het goed te doen hier als tweede argument.

28
00:03:34,560 --> 00:03:37,260
Dus laat me je laten zien hoe het eruit ziet eerst en ga dan over.

29
00:03:37,260 --> 00:03:51,970
Dus amped paal log in en dan gaan we paspoort dot authenticeren toe te voegen en dat de lokale als een string komma zal nemen en dan het openen en sluiten van bretels.

30
00:03:52,200 --> 00:03:58,170
En binnen die braces is een object en we gaan door te geven in het succes omleiding.

31
00:03:58,170 --> 00:04:14,030
En dat zal slash geheim en dan zal falen omleiding worden slash log in weer en we zullen slaan en of geverifieerde behoeften om daadwerkelijk in de buurt hier rond dat.

32
00:04:14,030 --> 00:04:19,950
Dus het duurt deze twee argumenten paspoort dat de lokale authenticeren En dan is deze gehele object.

33
00:04:20,020 --> 00:04:26,940
Dat zijn parameters die we passeren in komma en dan is dit onze callback functie en we niet echt nodig om iets te zetten hier voor nu.

34
00:04:26,970 --> 00:04:28,970
Dus we zullen gewoon laten het.

35
00:04:29,040 --> 00:04:31,030
Dus nu laten we praten over wat we hier hebben gedaan.

36
00:04:31,350 --> 00:04:39,440
We hebben al gezien paspoort dot authenticate, maar we hebben niet gezien het te gebruiken als dit binnenkant van de up post waar het niet in de callback zelf.

37
00:04:40,050 --> 00:04:46,550
Dus dit is wat bekend staat als een middleware en we zullen samenwerken met middleware en het schrijven van onze eigen middleware en de volgende video.

38
00:04:46,590 --> 00:04:56,930
Maar het idee van middleware Ik zal het spellen hier midden waar je een code die voor onze laatste route callback loopt hier gezegd.

39
00:04:57,270 --> 00:05:09,510
Wanneer onze app krijgt een post verzoek om in te loggen slash in dat het gaat om deze code onmiddellijk uit te voeren en we hebben meerdere middleware gestapeld, zodat we een ander ding dat zal lopen nadat we authenticeren en dan een ander ding na die kan hebben.

40
00:05:09,510 --> 00:05:16,270
Het idee is dat ze zitten tussen het begin van de route en vervolgens aan het eind van de route die ons handler aan het eind.

41
00:05:16,590 --> 00:05:18,130
Vandaar de naam middleware.

42
00:05:18,420 --> 00:05:21,260
Dus nogmaals zullen we het creëren van onze eigen middleware in de volgende video.

43
00:05:21,420 --> 00:05:27,510
Maar voor nu alles wat je moet weten is dat dit een middleware en oproepen paspoort dot authenticeren wordt genoemd.

44
00:05:27,550 --> 00:05:33,650
Vergeet niet het hele punt van dat is dat het probeert eigenlijk om je graag bij het controleert het af dan het houdt uw referenties.

45
00:05:33,840 --> 00:05:39,690
Dus het gaat om het wachtwoord en de gebruikersnaam die in het verzoek binnen verzoek tot het lichaam te nemen.

46
00:05:39,750 --> 00:05:55,950
We hebben niet eens expliciet bepaald dat paspoort neemt automatisch de gebruikersnaam en wachtwoord van de vorm of van het verzoek lichaam en het is in feite gaat om het wachtwoord te vergelijken dat de gebruiker getypt in de input en dat vergelijken met die gekke hash-versie in de database .

47
00:05:55,950 --> 00:05:58,740
En dan geven we een object met twee parameters.

48
00:05:58,740 --> 00:06:02,290
Succes en falen redirect redirect.

49
00:06:02,310 --> 00:06:10,410
Dus als het werkt we gaan omleiden naar slash geheim en als het niet goed werkt omleiden naar slash inloggen voordat we dit uit te testen.

50
00:06:10,410 --> 00:06:27,370
Er is nog een andere regel code die we nodig hebben om het paspoort te configureren met zo up top waar we het paspoort heeft serialiseren en serialiseren gebruiker gaat om toe te voegen een ander in het paspoort te gebruiken nieuwe lokale strategie en dat is wat we hier geïmporteerd.

51
00:06:27,480 --> 00:06:28,710
Ik steun lokale.

52
00:06:28,710 --> 00:06:30,490
Wij redden het aan lokale strategie.

53
00:06:30,990 --> 00:06:41,710
Dus ga terug naar die nieuwe lokale strategie en vervolgens tussen haakjes de gebruiker dot authenticeren en op te slaan.

54
00:06:41,790 --> 00:06:46,620
Dus we het creëren van een nieuwe lokale strategie voor het gebruik van de gebruiker heeft geverifieerd methode.

55
00:06:46,770 --> 00:06:53,680
Dat komt uit Passport lokale mongers zodat we niet daadwerkelijk naar de authenticate methode ofwel schrijven.

56
00:06:53,850 --> 00:07:01,440
Dat is ons gegeven en dan zijn we gewoon vertellen paspoort voor de lokale strategie te gebruiken die versie van de gebruiker gegevens te verifiëren.

57
00:07:01,800 --> 00:07:06,400
OK dus nu hebben we dat het opzetten van onze authenticeren moeten werken.

58
00:07:06,470 --> 00:07:08,450
Dus laten we geven het een schot.

59
00:07:08,580 --> 00:07:10,480
Geen eigenlijk ja.

60
00:07:10,570 --> 00:07:16,350
En laten we beginnen door te proberen aan te melden of meld je aan met een account we weten niet werkt.

61
00:07:16,350 --> 00:07:21,860
Log in en brengt u terug naar de inlogpagina en dat is wat we hadden opgezet hier.

62
00:07:22,380 --> 00:07:24,900
Failure redirect slash logon.

63
00:07:25,140 --> 00:07:33,650
Nu aanmelden met een account die ik ken werken en dit keer het me meeneemt naar de geheime pagina.

64
00:07:34,260 --> 00:07:35,890
Dus hebben we nu log in werken.

65
00:07:36,120 --> 00:07:37,380
We hebben nog steeds geen afmelden.

66
00:07:37,500 --> 00:07:43,470
We hebben ingelogd in het werken, dus ik kan zich aanmelden met behulp van register en dan kunnen ze ook inloggen.