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.
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.
En dan hebben we eigenlijk nodig om het formulier te maken en dan zullen we het testen.
Dus laten we binnen de slag.
Ja, we gaan twee routes en deze twee routes opnieuw toe te voegen.
Een daarvan is de GET-verzoek en een is een POST-aanvraag.
Beide zullen slash log in net zoals we deden voor register.
Dus laten we beginnen met de vorm en ik zal een andere noot hier te maken.
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.
Laten we nu te creëren die vorm.
Dus raak gebruik slash logon Ejay ons en open die up beelden slash aanmelden dat E.J. Ja.
Grote.
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.
Laten we naar onze applicatie en ga naar slash te loggen en de sjabloon te ontvangen.
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.
Dus we zullen toevoegen dat laatste Laten we gewoon gaan met de ingangen weer.
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.
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.
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.
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.
Dus dit formulier is eigenlijk op het slash aanmelden als het de route te berekenen en hij aan slash log in als een post.
Laten we nu eens een kijkje nemen op het.
Vernieuw de pagina zien we het formulier.
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.
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.
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.
We daadwerkelijk gaat om het goed te doen hier als tweede argument.
Dus laat me je laten zien hoe het eruit ziet eerst en ga dan over.
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.
En binnen die braces is een object en we gaan door te geven in het succes omleiding.
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.
Dus het duurt deze twee argumenten paspoort dat de lokale authenticeren En dan is deze gehele object.
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.
Dus we zullen gewoon laten het.
Dus nu laten we praten over wat we hier hebben gedaan.
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.
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.
Maar het idee van middleware Ik zal het spellen hier midden waar je een code die voor onze laatste route callback loopt hier gezegd.
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.
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.
Vandaar de naam middleware.
Dus nogmaals zullen we het creëren van onze eigen middleware in de volgende video.
Maar voor nu alles wat je moet weten is dat dit een middleware en oproepen paspoort dot authenticeren wordt genoemd.
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.
Dus het gaat om het wachtwoord en de gebruikersnaam die in het verzoek binnen verzoek tot het lichaam te nemen.
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 .
En dan geven we een object met twee parameters.
Succes en falen redirect redirect.
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.
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.
Ik steun lokale.
Wij redden het aan lokale strategie.
Dus ga terug naar die nieuwe lokale strategie en vervolgens tussen haakjes de gebruiker dot authenticeren en op te slaan.
Dus we het creëren van een nieuwe lokale strategie voor het gebruik van de gebruiker heeft geverifieerd methode.
Dat komt uit Passport lokale mongers zodat we niet daadwerkelijk naar de authenticate methode ofwel schrijven.
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.
OK dus nu hebben we dat het opzetten van onze authenticeren moeten werken.
Dus laten we geven het een schot.
Geen eigenlijk ja.
En laten we beginnen door te proberen aan te melden of meld je aan met een account we weten niet werkt.
Log in en brengt u terug naar de inlogpagina en dat is wat we hadden opgezet hier.
Failure redirect slash logon.
Nu aanmelden met een account die ik ken werken en dit keer het me meeneemt naar de geheime pagina.
Dus hebben we nu log in werken.
We hebben nog steeds geen afmelden.
We hebben ingelogd in het werken, dus ik kan zich aanmelden met behulp van register en dan kunnen ze ook inloggen.