1
00:00:00,420 --> 00:00:07,740
Welkom terug in deze les gaan we verder waar we gebleven waren met de auth code samen niet alleen te coderen.

2
00:00:07,960 --> 00:00:09,000
Je code nooit alleen.

3
00:00:09,060 --> 00:00:10,000
Je hebt me hier.

4
00:00:10,230 --> 00:00:12,520
Dus code samen deel 3.

5
00:00:12,690 --> 00:00:15,040
Nu komen we bij het vlees van authenticatie.

6
00:00:15,090 --> 00:00:24,440
We gaan beginnen met het toevoegen van deze sign-up routes registreren routes en het register vorm en ervoor te zorgen dat tegen het einde van deze video moeten we in staat aan te melden voor onze applicatie.

7
00:00:24,480 --> 00:00:25,740
We zullen niet in staat zijn om uit te loggen.

8
00:00:25,890 --> 00:00:28,400
We zullen niet in staat om in te loggen, maar we zullen in staat zijn om te melden.

9
00:00:28,740 --> 00:00:29,490
OK.

10
00:00:30,000 --> 00:00:31,160
Dus laten we beginnen.

11
00:00:31,170 --> 00:00:34,480
Het eerste wat we moeten bespreken zijn de routes die we nodig hebben om toe te voegen.

12
00:00:34,530 --> 00:00:46,250
En voordat ik dat doe, dat ik ga gewoon een beetje divider hier toevoegen, want we hebben een veel inhoud up top die zegt gewoon routes Ik zal dit te maken met een beetje gelijk borden.

13
00:00:46,500 --> 00:00:49,790
Gewoon om duidelijk te maken dat alle routes gaan onder deze lijn.

14
00:00:49,800 --> 00:00:50,560
OK.

15
00:00:50,910 --> 00:00:54,620
Dus hebben we onze get slash en we hebben de geheime route.

16
00:00:55,050 --> 00:01:00,630
Nu hier beneden laten we aan onze Auth. routes naar de routes die we nodig te herzien.

17
00:01:00,780 --> 00:01:11,700
Ik ben eigenlijk gaan naar de werkende versie van dit prachtige home page en dan wanneer u klikt op register bericht dat de URL is slash register en we zien een formulier.

18
00:01:11,820 --> 00:01:25,890
Dus hebben we een get route slash register die ons de vorm zal tonen om daadwerkelijk aanmelden en dan als we inspecteren dit formulier je zult zien dat het verzenden van een bericht verzoek aan register bericht slash register slash.

19
00:01:25,980 --> 00:01:28,100
We hoeven niet te noemen het slash te registreren.

20
00:01:28,110 --> 00:01:31,330
Je zult dingen zoals aanmelden of registratie te zien.

21
00:01:31,380 --> 00:01:35,530
Het kan zijn wat je wilt, maar register is goed voor ons.

22
00:01:35,670 --> 00:01:36,830
Dus we zullen teruggaan naar onze apt.

23
00:01:36,850 --> 00:01:37,390
Ja.

24
00:01:37,500 --> 00:01:43,570
En we moeten die twee routes toe te voegen aan en ik zal beginnen met een app hoeft slash register niet.

25
00:01:43,650 --> 00:01:47,550
En weer het punt van dit is gewoon om het formulier te tonen.

26
00:01:47,550 --> 00:01:50,530
Dus teken toon up vorm.

27
00:01:51,040 --> 00:01:51,590
OK.

28
00:01:51,720 --> 00:02:09,400
Dus apt get slash register en dan is onze callback hier te vragen en antwoord net als dat en we zullen doen roodstaart te maken en we zullen haar template register bellen en dan is de volgende logische ding om te doen zou zijn om het register formulier te maken.

29
00:02:09,540 --> 00:02:13,480
Dus we doen een vleugje uitzicht slash register.

30
00:02:13,620 --> 00:02:28,010
E.J. Ja en dan zullen we hetzelfde bestand te openen en de binnenkant van hier zullen we beginnen met een eenvoudige laten we gewoon zeggen dat je aanmeld formulier en op te slaan en laten we ervoor zorgen dat we kunnen zien dat.

31
00:02:28,260 --> 00:02:32,660
Zo start de server dan gaan we naar onze app hier.

32
00:02:33,180 --> 00:02:35,330
Ga terug naar de root pad te beginnen.

33
00:02:35,580 --> 00:02:40,800
En laten we nu gaan naar register slash en krijg aanmelden voor hem.

34
00:02:40,800 --> 00:02:41,610
Grote.

35
00:02:41,610 --> 00:02:47,930
Laten we nu eens toe te voegen in een forum en ons formulier moet twee ingangen een voor gebruikersnaam een ​​voor wachtwoord.

36
00:02:48,090 --> 00:02:53,070
Dus we zullen beginnen met het definiëren van een formulier in en we zullen terugkomen en voeg de methode in actie.

37
00:02:53,100 --> 00:02:54,760
We beginnen met een ingang.

38
00:02:55,140 --> 00:03:02,310
Beide zijn getypte tekst, hoewel we kunnen maken het wachtwoord input type is gelijk aan het wachtwoord dat is eigenlijk een beter idee.

39
00:03:02,310 --> 00:03:21,040
Dus input type gaat tekstplaceholder gelijk gebruikersnaam net als dat en dan zal ik gewoon dupliceren dat en ik zal input type doen omdat wachtwoord en placeholder password zal zijn en op te slaan.

40
00:03:21,360 --> 00:03:28,380
En dan laten we toe te voegen in een in te dienen en kunnen we dit doen input type gelijk te dienen of.

41
00:03:28,840 --> 00:03:29,280
Of.

42
00:03:29,340 --> 00:03:31,200
Ik heb liever een knop tag.

43
00:03:31,710 --> 00:03:34,820
Ofwel gaat door zolang de knop aan het einde van de werkvorm.

44
00:03:34,860 --> 00:03:36,580
Het zal automatisch het formulier.

45
00:03:36,870 --> 00:03:37,140
OK.

46
00:03:37,140 --> 00:03:48,300
Zo dienen en dan hebben we onze input type omdat tekstinvoertype wachtwoord gaat en we kunnen beginnen door gewoon het nemen van een kijkje op deze en we zien onze vorm, maar we missen twee cruciale dingen.

47
00:03:48,300 --> 00:03:57,360
Allereerst is de vorm niet overal naartoe te gaan en zelfs als het niet ergens in te dienen zou het niet sturen een van deze items, want we hebben niet de naam attributen.

48
00:03:57,450 --> 00:04:09,000
Dus moeten we voeg de naam is gelijk aan de gebruikersnaam en het wachtwoord is gelijk aan net als dat en we zullen redden.

49
00:04:09,000 --> 00:04:14,590
Nu als we kijken naar de vorm niets te nemen indien er anders uitzien, maar het is nu ingesteld bijna op.

50
00:04:14,760 --> 00:04:17,410
Nu moeten we toe te voegen in de informatie voor de vorm tag.

51
00:04:17,540 --> 00:04:20,380
Of we hebben actie en methode.

52
00:04:20,400 --> 00:04:24,720
Dus de actie het gaat ook kassa zijn.

53
00:04:24,900 --> 00:04:29,430
Maar we gaan het als een post te versturen en wij nog niet over die route.

54
00:04:29,640 --> 00:04:46,710
Dus als ik ging, en vulde het formulier nu als ik verfrissen en vulde het formulier zou het gewoon rond te hangen en dan uiteindelijk time-out omdat we niet over een post-road slash register en dit kan alles natuurlijk te noemen, maar het is conventionele om het te noemen hetzelfde als de get route slash register.

55
00:04:46,770 --> 00:05:02,820
Dus laten we hetzelfde doen en deze route zou eigenlijk verantwoordelijk is voor de afhandeling van de gebruikers zich aanmelden en voegen we een app bericht slash register functie verzoek respons te doen.

56
00:05:02,820 --> 00:05:06,000
En hier zullen we allemaal de logica toe te voegen om te beginnen.

57
00:05:06,000 --> 00:05:14,930
We zullen gewoon een goede nachtrust en registreer post-trib alleen maar om ervoor te zorgen dat deze is aangesloten op OK.

58
00:05:15,120 --> 00:05:23,000
En als we de server opnieuw en ga terug ververs de pagina invullen van een aantal willekeurige data en druk op te leggen.

59
00:05:23,060 --> 00:05:25,500
We moeten aangetekende post-ontwerp te zien.

60
00:05:25,660 --> 00:05:26,380
Daar gaan we.

61
00:05:26,510 --> 00:05:29,120
Dus dat betekent dat onze vorm is het indienen van de juiste plaats.

62
00:05:29,120 --> 00:05:38,320
We raken hier nu komen we bij het leuke gedeelte waar we eigenlijk omgaan met de gebruiker inschrijven ongeveer 10 nieuwe lijnen die je niet het grootste deel van hebben gezien.

63
00:05:38,880 --> 00:05:43,550
Dus ik zal beginnen met het schrijven van de syntaxis en dan zal ik pauzeren en gaan over elke lijn en wat het doet.

64
00:05:43,620 --> 00:05:51,210
En het eerste wat we eigenlijk moeten doen, die een beoordeling is dat we nodig hebben om in-body parser toe te voegen en te configureren, want we nemen de gegevens van een formulier.

65
00:05:51,200 --> 00:05:55,990
Deze vorm wordt het verzenden van gegevens in het lichaam en we willen kunnen op het verzoek van het lichaam te zeggen.

66
00:05:56,020 --> 00:05:59,090
Gebruik uw naam voor Quest up Vadi wachtwoord.

67
00:05:59,250 --> 00:06:01,170
Op dit moment is die leeg zijn.

68
00:06:01,520 --> 00:06:15,240
Dus up top we hoeven alleen maar een app die het lichaam econoom gebruiken doen dot u URL-gecodeerd en dan voegen we in die uitgebreid waar.

69
00:06:15,770 --> 00:06:18,970
En dat is een ander die lijnen die je gewoon wennen aan het typen.

70
00:06:19,190 --> 00:06:23,660
We moeten op elk moment gaan we met behulp van een formulier en het plaatsen van gegevens op een verzoek.

71
00:06:24,020 --> 00:06:25,890
OK dus dat is nu gedaan.

72
00:06:26,250 --> 00:06:35,750
Dus we moeten in staat zijn om verzoeken tot het lichaam dat de gebruikersnaam en het wachtwoord dat de gebruikersnaam en het wachtwoord van de vorm die de gebruiker probeert aan te melden bij zal bevatten.

73
00:06:35,750 --> 00:06:40,630
Dus nu zijn we terug naar de logica en ik ga een paar regels die ik noemde typen en dan achteraf uit te leggen hen.

74
00:06:40,940 --> 00:06:48,810
Zodat de gebruiker niet te registreren en dan in plaats van de gebruiker dot registreren we gaan pas in Nieuwe gebruiker en in Nieuwe gebruiker.

75
00:06:48,900 --> 00:06:57,560
We gaan pas in gebruikersnaam is gelijk aan verzoeken tot Oddy die gebruiker naam, maar wij niet vergeten toe te voegen in deze nieuwe gebruiker.

76
00:06:57,620 --> 00:07:11,440
We daadwerkelijk gaat om het toevoegen nadat we het nieuwe verzoek van de gebruiker up lichaam wachtwoord komma te maken en vervolgens gaan we naar een callback functie ooit en vervolgens gebruiker toe te voegen en dan openen we die op.

77
00:07:12,160 --> 00:07:12,850
OK.

78
00:07:13,230 --> 00:07:15,140
Dus laten we praten over wat we tot nu toe hebben gedaan.

79
00:07:15,140 --> 00:07:21,860
We maken een nieuwe gebruiker object dat is niet echt veilig is om de database maar het is een nieuwe gebruiker en passeren we alleen in gebruikersnaam.

80
00:07:22,310 --> 00:07:26,170
En de reden dat we dat doen, is dat we het wachtwoord eigenlijk niet op te slaan in de database.

81
00:07:26,190 --> 00:07:27,570
Dat is niet echt een goed idee.

82
00:07:27,920 --> 00:07:29,990
En ik zal je laten zien wat we eigenlijk in plaats daarvan op te slaan.

83
00:07:30,000 --> 00:07:33,510
Zodra we iets in een database, maar het is niet het wachtwoord.

84
00:07:33,500 --> 00:07:40,010
Dus wat we doen is dat we het wachtwoord passeren als tweede argument van de gebruiker dot aanmelden en gebruiken dot register.

85
00:07:40,010 --> 00:07:50,290
We zullen dit nieuwe gebruiker die een gebruikersnaam heeft te nemen en dan zullen we dat vergeten die in feite betekent dat het verandert het in deze enorme reeks cijfers en letters hash en slaat die in de database.

86
00:07:50,510 --> 00:07:55,730
Dus gaat hij de gebruiker object dat we willen maken en vervolgens passeren we het wachtwoord apart.

87
00:07:56,220 --> 00:08:01,330
En dan, als alles goed gaat zal het een nieuwe gebruiker die alles erin heeft terug te keren.

88
00:08:01,400 --> 00:08:05,120
Het heeft een gebruikersnaam en dan heeft het de hash wachtwoord ook.

89
00:08:05,120 --> 00:08:06,220
Dus laten we eens kijken of dat werkt.

90
00:08:06,320 --> 00:08:22,340
En in plaats van hier zullen we onze eenvoudig toe te voegen als fout en we zullen een console-log fout doen en dan zullen we ook doen een rode stip maken de vorm weer net als dat.

91
00:08:22,560 --> 00:08:31,350
En als er niet een fout was, dan hebben we een andere lijn te doen wat Passport dot authenticeren lokaal.

92
00:08:31,470 --> 00:08:33,730
En opnieuw zal ik dit achteraf te verklaren.

93
00:08:34,150 --> 00:08:42,360
Vraag reactie functie en de plaats van hier gaan we om te buigen naar de geheime pagina.

94
00:08:42,360 --> 00:08:47,720
Dus dit zal gebeuren zodra de gebruiker is aangemaakt en er is niet een fout als er een fout is.

95
00:08:47,730 --> 00:08:51,280
We gaan dat register pagina weer te geven en dat is waar we een terugkeer hier.

96
00:08:51,290 --> 00:08:52,950
Het zal gewoon kortsluiting alles.

97
00:08:53,220 --> 00:08:57,780
En als er geen fout gaan we paspoort authenticeren draaien.

98
00:08:57,890 --> 00:09:04,410
Dus deze lijn hier paspoort authenticate daadwerkelijk VOG de gebruiker in die zorgen voor alles zal plaatsvinden in de sessie.

99
00:09:04,470 --> 00:09:06,140
Het zal de correcte informatie opslaan.

100
00:09:06,140 --> 00:09:10,510
Het zal de series gebruiker methode die we hier opgegeven lopen.

101
00:09:11,000 --> 00:09:14,600
En dan zijn we te geven dat we willen de lokale strategie te gebruiken.

102
00:09:15,090 --> 00:09:22,050
En in de toekomst als we wilden een andere strategie te gebruiken en we hadden geïnstalleerd we kunnen veranderen die op Twitter of Facebook zijn.

103
00:09:22,080 --> 00:09:23,570
En er zijn andere dingen die je moet doen.

104
00:09:23,580 --> 00:09:27,860
We hebben aan te melden en krijgen referenties op Twitter en Facebook en we moeten onze apps te registreren.

105
00:09:27,950 --> 00:09:29,170
Dus het is ingewikkelder.

106
00:09:29,370 --> 00:09:36,120
Maar voor zover logica en paspoort betreft kunnen we gewoon ruilen dingen in en uit en er zijn enkele kleine tweaks die we nodig hebben om te maken.

107
00:09:36,200 --> 00:09:40,970
Maar over het algemeen paspoort maakt het echt makkelijk voor ons om te wisselen van verschillende strategieën.

108
00:09:41,150 --> 00:09:42,730
Dus we gaan de lokale gebruiken.

109
00:09:43,160 --> 00:09:46,380
En dit weer gewoon gaan om daadwerkelijk in te loggen de gebruiker in.

110
00:09:46,830 --> 00:09:54,920
En zodra de gebruiker is ingelogd, we gaan om te buigen naar de geheime stash geheim en dat is gewoon een persoonlijke keuze.

111
00:09:54,920 --> 00:10:00,390
We konden terug naar de homepage te gaan de route, maar de slash geheim is wat we hier allemaal voor.

112
00:10:00,500 --> 00:10:10,950
Dus zodra we aanmelden zodra we registreren we dan moeten worden genomen om het geheim te snijden, tenzij er een probleem is en dan gaan we terug naar het inschrijfformulier te gaan.

113
00:10:11,000 --> 00:10:15,110
Dus laten we testen dit uit ervoor te zorgen dat we geen syntax fouten.

114
00:10:15,120 --> 00:10:16,380
Ziet er goed uit.

115
00:10:16,400 --> 00:10:20,920
Laten we nu gaan naar onze app en vernieuw de pagina en laat de Sign-Up.

116
00:10:21,260 --> 00:10:35,220
Dus ik ga om een ​​account als Colt te maken en mijn wachtwoord zal gewoon vergeten en geen hit te dienen en we krijgen de geheime pagina dat is goed nieuws, maar om echt ervoor te zorgen dat het werkte.

117
00:10:35,370 --> 00:10:46,130
Laten we stoppen met de server en laten we eigenlijk open Mongo en ik ga met mijn database, zodat ik zal doen laten zien Digby's en de database is Auth. demo app.

118
00:10:46,430 --> 00:11:05,810
Dus ik ga gebruiken en dan ga ik kijken naar de collecties tonen collecties en vervolgens gaan we D.B dat gebruikers alle DB-gebruikers en je kunt zien Ik bedoel, we maken dit een beetje groter.

119
00:11:05,900 --> 00:11:11,580
We hebben een enkele gebruiker van toen ik net aangemeld en er is veel informatie hier.

120
00:11:11,630 --> 00:11:15,690
Nou er is echt niet veel er maar een paar stukken, maar het ziet eruit als een stuk.

121
00:11:15,710 --> 00:11:18,300
Belangrijker nog hebben we een gebruikersnaam hier.

122
00:11:18,360 --> 00:11:19,480
Uw naam Colts.

123
00:11:19,640 --> 00:11:23,410
Dat is het stuk dat we gespecificeerd dat ziet er normaal voor ons.

124
00:11:23,750 --> 00:11:32,040
En dan zijn er deze dingen zout en hasj en ik praten veel meer over deze in de authenticatie van de grond eenheid.

125
00:11:32,250 --> 00:11:42,250
Dus we gaan niet in veel in detail te gaan alles wat ik zal noemen over het voor nu is dat onze ruwe wachtwoord het woord vergeten in mijn geval is niet in de database van alle opgeslagen merken.

126
00:11:42,360 --> 00:11:44,790
Wat we het opslaan is deze gekke hash-versie.

127
00:11:44,960 --> 00:11:49,150
En dan dat andere ding heet zout die ons zal helpen hash dit.

128
00:11:49,320 --> 00:11:59,610
En door ons te helpen bedoel ik dat het allemaal verzorgd door het paspoort lokale knoeiers pakket dat we geïnstalleerd en geconfigureerd als een plug-in die we hier deden.

129
00:11:59,660 --> 00:12:05,010
Dus dat zorgt voor alles uit de hashing naar het zouten het opslaan van dingen in de database.

130
00:12:05,100 --> 00:12:14,570
Alles wat we moesten doen was deze eenvoudige regel of het formaat van dit opnieuw gebruiker dot register en passeren we in een nieuwe gebruiker met een gebruikersnaam.

131
00:12:14,580 --> 00:12:16,030
En dan duurt het voor de rest.

132
00:12:16,050 --> 00:12:20,250
We geven het wachtwoord van de vorm, maar we zullen je nooit op te slaan aan de gebruiker.

133
00:12:20,370 --> 00:12:24,540
In plaats daarvan regelt alles en het bespaart nooit een wachtwoord at all.

134
00:12:24,600 --> 00:12:26,790
Het is eigenlijk het opslaan van de hash-versie.

135
00:12:27,240 --> 00:12:27,890
OK.

136
00:12:28,520 --> 00:12:30,590
Dus laten we uit Mongo nu.

137
00:12:31,320 --> 00:12:40,840
En we hebben nu registratie werkt het allerlaatste wat we kunnen doen is het openstellen van de index pagina of de startpagina bedoel ik Recit die thuis te maken.

138
00:12:40,860 --> 00:12:51,060
Dus laten we het doen C9 beschouwt sosh huis en we zullen gewoon toe te voegen in een link zodat we een bondgenoot hier kom toe te voegen en deze link moet gaan naar de registratiepagina.

139
00:12:51,060 --> 00:13:01,060
Zo zal het een verankerde tag met een trip die gelijk is aan een kassa en we zullen gewoon add Sign-Up binnen de tekst.

140
00:13:01,080 --> 00:13:06,160
Dus nu als we beginnen met de server laten we duidelijk dat dit allemaal weg node.

141
00:13:06,250 --> 00:13:11,880
Ja en de bezoeker app en ga naar de homepage.

142
00:13:11,880 --> 00:13:15,970
We hebben nu een sign up link waar we kunnen gaan aan te melden.

143
00:13:16,110 --> 00:13:16,590
Grote.

144
00:13:16,670 --> 00:13:19,920
Dus bedekt we alles wat ik wil aan te gaan in deze video in de volgende video.

145
00:13:19,940 --> 00:13:21,700
We werken op de log in functionaliteit.