Welkom terug.
In deze video gaan we richten op het verkrijgen van de NAF bar om de banden correct weer te geven, zodat wanneer je niet bent ingelogd zie je alleen inloggen en meld je aan.
Maar als je in je bent aangemeld alleen zien uitloggen en dan kunnen we ook een klein bericht dat zegt aangemeld als weer te geven.
En vervolgens de gebruikersnaam in meerdere in rust ondertekend ondertekend eten wat het is.
het had in eerste instantie dit alles aan het eind van het gedeelte voor de video en ik begon om het te verplaatsen naar een aparte video, zodat ze een beetje meer tijd door te brengen in te gaan op een aantal details en uit te leggen hoe een aantal van deze werken.
Dus laten we beginnen.
En wat ik ga doen is open te stellen Hetter.
Ja.
En hier zijn de drie lijnen die verantwoordelijk zijn voor die drie links hier zijn.
Aanmelden Inschrijven uit te loggen om te verbergen en laat ze op de juiste wijze.
We moeten een aantal eenvoudige E.J. toevoegen esque logica.
We zullen een if-statement dat er iets ziet er als volgt hebben.
Dit is gewoon pseudo-code.
Maar als er geen gebruiker dan zal tonen aanmelden en registreren en dan het andere zal de log koppeling tonen uit.
Nu is dit natuurlijk niet echt javascript.
We moeten aan werken.
Maar wat we zullen doen is langs een variabel net zoals we hier hebben gedaan waar we passeren in camping of we doen het op tijd hier repassing camping weer behalve wij gaan een gebruiker object passeren en dat de gebruiker bevatten informatie over de aangemelde gebruiker of als er geen aangemelde gebruiker.
Het zal leeg ongedefinieerd zijn en we kunnen die gebruiker variabele gebruiken in plaats van onze template.
Dus als het niet gedefinieerd.
We zullen controleren of de gebruiker is gedefinieerd.
Laat deze wijze de log in verbinding te tonen.
Dus laten we beginnen met het uitzoeken hoe kunnen we die gegevens over de gebruiker te krijgen.
En ik zal gewoon beginnen op een van deze routes en ik zal de kampeerterreinen indexpagina die hier nadat ik slash campings, want het is een mooie eenvoudige route en veel van onze code redirects terug om deze route te doen.
En het geheim van dit alles het belangrijkste onderdeel is verzoek direct gebruiker.
Op verzoek dat de gebruiker alle informatie bevat.
Nou niet alles, maar de gebruikersnaam en het ID van de momenteel ingelogde gebruiker.
Dus ik zal je laten zien.
Laten we gewoon een annuleren dat log aanvragen op door de gebruiker en start de server up en dan zal ik refresh gaan.
En we krijgen undefined.
En dat komt omdat er geen aangemelde gebruiker.
Dus vragen dat gebruikers leeg.
Het bestaat niet.
Maar zodra ik inloggen wat paspoort zal doen is het creëren verzoeken die input van de gebruiker de gebruiker gegevens alleen de gebruikersnaam en het ID niet het wachtwoord of allesbehalve gebruikersnaam en ID binnenkant van het verzoek van de gebruiker.
Dus een log in Severus wachtwoord klik aanmelden Laten we gaan kijken zie je dit nu vragen dat de gebruiker.
Het gaat echt nuttig voor ons om in onze templates.
Dus ik ga geschiedde dat door middel van nu.
Zich te ontdoen van dat.
En dan na campings we zullen gewoon moeten een andere variabele Akol huidige gebruiker die gelijk is aan de gebruiker te vragen.
En vervolgens in onze template kunnen we een aantal eenvoudige logica die controleert of er een huidige gebruiker te schrijven.
En vervolgens in onze template kunnen we een aantal zeer eenvoudige logica toe te voegen met behulp van de huidige gebruiker variabele.
Dus laten we slaan en laten we naar die index.
Ja.
Welke is de campings index en gewoon aan de top.
Laten we voeg gewoon een beetje H voor die net uit te printen huidige gebruiker en laten we de server opnieuw.
En als ik nu gaan we zie niets, maar als ik inlog in verschillende opnieuw en opnieuw Ik zie nu de huidige gebruiker.
Dus we nu passeren die gegevens door middel van in onze template, maar eerder dan het te gebruiken in plaats van deze index template we eigenlijk willen gebruiken binnenkant van de navigatiebalk template de header.
En vergeet niet dat we hebben toegang tot een van de variabelen die we via onze template passeren.
Zelfs de binnenkant van Parshall's.
Dus in elk ons ​​gaan we een if-statement toe te voegen en het ziet er net als dit.
Als er geen huidige gebruiker konden we gewoon die vervolgens weer te geven die twee links en dan zullen we ons anders vertoning koppeling hebben het logboek en dan natuurlijk moeten we onze Ejaz-tags.
Dus laten we het doen, dat zijn gelijke niet tekenen, net als dat.
En we zijn bijna klaar, dus we controleren of een huidige gebruiker variabele leeg is vervolgens gaan we deze te laten zien.
Anders zullen we de logout koppeling te tonen.
Maar dit zal alleen werken op dit moment in ieder geval op deze route slash campings, omdat we niet de huidige gebruiker die door op een andere routes.
Maar laten we maar zorg ervoor dat het werkt.
Dus ik zal de app opnieuw te starten als ik de pagina te vernieuwen.
Grote.
Ik zie alleen inloggen en meld je aan en dat is omdat ik niet ingelogd.
Nu als ik op logon klikt zullen we een probleem en dat is dat we de header-bestand en het probeert om de huidige gebruiker te gebruiken, maar we hebben niet de huidige gebruiker passeren.
Dus eigenlijk zal dit gebeuren op elke route die moet nu Ackbar omdat we niet de huidige gebruiker die door behalve op slash Capgras.
Dus wat we willen doen is voorbij huidige gebruiker door middel van in principe deze lijn hier op elke route.
En op een aantal van hen zou het leeg zijn een aantal van hen zal gebruikersgegevens hebben, maar we willen het beschikbaar op elke route.
En er is een gemakkelijke manier om dat te doen waar we niet hoeven te handmatig toegevoegd aan elke route en up-top voor onze routes alleen maar toe te voegen in een nieuwe update gebruik na gebruik en we zullen ons eigen kleine middleware toe te voegen.
Wat de functie die wij leveren aan het zal worden genoemd op elke route.
Dus we gaan om het een functie verzoek reactie en we moeten dat de volgende variabele ook.
En wat we willen doen, is pas dat vragen bij de gebruiker om elke template en er is een gemakkelijke manier om dat te doen.
Sake rez locals.
Huidige gebruiker verzoek gebruiker wat we in rust op lokaal is wat er beschikbaar is in plaats van onze template en dan is de ander echt belangrijk wat je nodig hebt om verder te gaan naar de werkelijke volgende code want dit is een middleware die zal draaien voor elke route.
Als we niet het volgende hebben, zal hij gewoon stoppen.
Niets zal volgend gebeuren dus we moeten naar de volgende om verder te gaan naar die volgende middleware die eigenlijk de route handler in de meeste gevallen zullen zijn.
Dus nu als we proberen dit restart de server Vernieuw de pagina.
Dit zou moeten werken prima.
Als ik ga om in te loggen heb ik nu de log in vorm en ik ben niet het krijgen van een fout.
En ik zie de juiste banden omdat ik niet ingelogd.
Nu, als ik als SÃ¨vres weer Ik zie alleen uitloggen geweldig en probeer dan te klikken op afmelden.
Geweldig.
Dus het werkt.
Het laatste wat ik wilde doen is dat wanneer je bent ingelogd laten we dit nog een keer.
U wilt omhoog zien hier in plaats van in te loggen en meld je aan.
U wilt zien momenteel aangemeld als Zephyrus en dat is vrij gemakkelijk te doen.
In plaats van onze leiding elk.
Ja, we hebben al een huidige gebruiker, dus als er een huidige gebruiker in dit anders we gewoon toe te voegen een andere bondgenoot en dat Ally zal alleen toe te voegen in de tekst.
Laten we niet aangemeld als.
En dan hebben we gewoon te interpreteren of voegen we in met elkaar als tags.
Huidige gebruiker dot gebruikersnaam en op te slaan opnieuw opstarten en laten we zien hoe dit eruit ziet.
We zouden moeten het een beetje refresh stylen.
Laten we liggen weer.
Aangemeld als Severus.
En ja, we willen stijl die.
Dus laten we het een anker-tag, zoals de anderen en we zullen gewoon niet geven het een H ref, zodat je kunt krijgen vinger tag Atra is gelijk aan alleen het hekje.
Het is misschien zinvol voor dit daadwerkelijk een link naar de profielpagina hoewel die we niet hoeven te zijn.
Maar als we profielpagina's hadden kon je hierop klikt en het zou u naar uw profiel, maar dit is prima voor nu.
Zo zal uitloggen die weg moeten gaan.
Laten we proberen te registreren en te zien hoe dat werkt.
Dus zal ik me aanmelden als mevrouw paars en het wachtwoord wordt paars.
Registreren en opnieuw raken aangemeld als mevrouw paars en kunnen we uit te loggen en laten we gewoon dubbel te controleren alles.
Dat als ik probeer en voeg een nieuwe opmerking die ik er toegang toe hebben, maar als ik me afmeld en ik probeer en doen wat ik niet kan.
Hij vroeg me eerst in te loggen.
OK dus we officieel klaar met de basis van het toevoegen van auth aan Joachim.
Laten we eens een moment om de nieuwe dingen die we zagen in deze les te herzien.
In het bijzonder het gebruik van het verzoek van de gebruiker, die we hier recht te zetten verzoeken dat de gebruiker ofwel leeg zal zijn als er niemand aangemeld of het zal de gebruikersnaam bevat de ID van de huidige gebruiker, zodat we met behulp van een na gebruik, die deze functie zal een beroep doen op elke wrap, dus het is een leuke manier op te drogen of code, waar we niet hoefden te gaan en doe dit op elke route en kunnen we eigenlijk te ontdoen van het nu omdat we er op doorreis gebruiken of na 8 jaar en dan de andere is dat in onze template we gewoon het schrijven van een eenvoudige IF statement en het combineren van die logica met elkaar TM kan echt krachtig zijn.
We kunnen laten zien en deze knoppen te verbergen.
We kunnen laten zien wie er momenteel ingelogd.
Echt belangrijke dingen.
OK dus dat was een beetje een marathon zeker.
Vijf verschillende secties, maar we kregen het aan het werk.
We hebben de gebruiker modellen eerste.
We hebben de Sign-Up registratieformulieren en routes en log vervolgens in en dan is het uit te loggen en dan eindelijk werkten we aan de navigatiebalk en het tonen en verbergen van verbindingen en de weergave van de momenteel ingelogde gebruiker.