Ben tornato.
In questo video ci concentreremo sull'ottenere la barra NAF per visualizzare correttamente i collegamenti in
modo che, quando non sei connesso, vedi solo accedere e registrarti.
Ma quando sei connesso, vedi solo disconnettersi e poi possiamo anche visualizzare un piccolo messaggio
che dice accesso come.
E poi il nome utente firmato in diversi punti di accesso firmato mangia qualunque sia.
fine della parte per il video e ho iniziato a spostarlo in un video separato in modo da poter
dedicare un po 'più di tempo ad approfondire alcuni dettagli e spiegare come funziona.
Inizialmente aveva tutto questo alla
Quindi iniziamo.
E quello che ho intenzione di fare è aprire Hetter.
Sì.
E qui ci sono le tre linee che sono responsabili di quei tre collegamenti proprio qui.
Accedi Iscriviti disconnessione per nasconderlo e mostrarlo in modo appropriato.
Abbiamo bisogno di aggiungere alcuni semplici E. J. logica esotica.
Avremo una dichiarazione if che assomiglia a questo.
Questo è solo uno pseudo codice.
Ma se nessun utente mostrerà il log in e registrerà e poi mostrerà il link di disconnessione.
Ora ovviamente questo non è vero javascript.
Dovremo lavorarci su.
Ma quello che faremo è passare una variabile proprio come abbiamo fatto qui dove stiamo passando nel campeggio o lo
stiamo facendo in tempo qui ripassando il campeggio di nuovo eccetto che passeremo un oggetto utente
e quell'utente contenere informazioni sull'utente che ha effettuato l'accesso o se non vi sono utenti registrati.
Sarà vuoto indefinito e possiamo usare quella variabile utente al posto del nostro modello.
Quindi se è indefinito.
Verificheremo se l'utente non è definito.
Mostra questi altrimenti mostra il log al link.
Quindi iniziamo a capire come possiamo ottenere quei dati sull'utente.
Comincerò su una di queste rotte e farò la pagina dell'indice dei campeggi che è qui dopo che ricevo il
campeggio slash perché è un bel percorso semplice e molto del nostro codice reindirizza a
questa rotta.
E il segreto di tutto questo è che la parte importante è richiesta all'utente diretto.
Quindi chiedi che l'utente conterrà tutte le informazioni.
Beh, non tutto, ma il nome utente e l'ID dell'utente attualmente connesso.
Quindi ti mostrerò.
Facciamo semplicemente un annullo per registrare le richieste all'utente e avviare il server e poi andrò ad aggiornare.
E diventiamo indefiniti.
E questo perché non c'è un utente attualmente connesso.
Quindi chiedi agli utenti di svuotare.
Non esiste
Ma poi, una volta che effettuo il login, il passaporto farà le richieste che l'utente immette i dati dell'utente solo il
nome utente e l'ID, non la password o altro che nome utente e ID all'interno dell'utente della richiesta.
Quindi un log in Severus password click log in Consente di andare a vedere si può vedere questo è ora richiesta all'utente.
Sarà davvero utile per noi nei nostri modelli.
Quindi lo passerò ora.
Sbarazzati di quello.
E poi, dopo i campeggi, avremo solo un altro utente variabile di Akol che è uguale
a richiedere l'utente.
E poi nel nostro modello possiamo scrivere una semplice logica che controlla se c'è un utente corrente.
E poi nel nostro modello possiamo aggiungere una logica molto semplice usando la variabile utente corrente.
Quindi salviamo e andiamo all'indice.
Sì.
Qual è l'indice dei campeggi e proprio in cima.
Aggiungiamo solo un piccolo H per questo, basta stampare l'utente corrente e riavviare il server.
E se vado subito non vediamo nulla, ma se accedo più e più volte vedo ora l'utente
corrente.
Quindi stiamo passando questi dati nel nostro modello, ma piuttosto che utilizzarlo al posto di questo modello
di indice, in realtà vogliamo utilizzarlo all'interno del modello di barra di navigazione nell'intestazione.
E ricorda che abbiamo accesso a qualsiasi variabile che passiamo attraverso il nostro modello.
Anche all'interno di Parshall.
Quindi all'interno di ognuno di noi aggiungeremo un'istruzione if e sembra proprio questo.
Se non c'è un utente corrente, potremmo semplicemente farlo, quindi mostrare questi due link e poi faremo in modo che il nostro altro mostri
il
link di disconnessione e, ovviamente, abbiamo bisogno dei nostri tag Ejaz.
Facciamolo senza segni uguali.
E abbiamo
quasi finito, quindi stiamo controllando se una variabile utente corrente è vuota, quindi mostreremo queste cose.
Altrimenti mostreremo il link di disconnessione.
Ma questo funzionerà solo ora almeno su questo percorso, perché non stiamo passando l'utente
corrente su nessun altro percorso.
Ma assicuriamoci che funzioni.
Quindi riavvierò l'app se aggiorno la pagina.
Grande.
Vedo solo il login e la registrazione e questo perché non sono registrato.
Ora se faccio clic su accesso avremo un problema che è che abbiamo il file di intestazione e sta
cercando di usare l'utente corrente ma non abbiamo passato l'utente corrente.
Quindi in realtà ciò avverrà su qualsiasi percorso che ora è Ackbar perché
non passiamo l'utente corrente ad eccezione di Slash Capgras.
Quindi quello che vogliamo fare è passare l'utente corrente praticamente attraverso questa linea proprio qui su ogni singola rotta.
alcuni di essi potrebbe essere vuoto alcuni di loro avranno dati utente, ma lo vogliamo disponibile su ogni percorso.
E su
E c'è un modo semplice per farlo che non dobbiamo aggiungere manualmente a ogni
singola rotta e in alto prima che i nostri percorsi aggiungano un altro aggiornamento dopo l'uso e aggiungeremo il nostro piccolo middleware.
Qualsiasi funzione forniremo sarà chiamata su ogni percorso.
Quindi daremo una risposta alla richiesta di funzione e avremo bisogno anche della prossima variabile.
E quello che vogliamo fare è passare la richiesta all'utente a ogni singolo modello e c'è un modo
semplice per farlo.
Sake locali del rez.
L'utente corrente richiede all'utente qualunque cosa mettiamo a riposo a livello locale è ciò che è disponibile al posto del nostro
modello e quindi l'altra cosa veramente importante è che devi passare al codice successivo effettivo perché questo è
un middleware che verrà eseguito per ogni singola rotta.
Se non lo avremo, si fermerà.
Nulla accadrà, quindi abbiamo bisogno di avere il prossimo per passare a quel prossimo middleware che in
realtà sarà il gestore del percorso nella maggior parte dei casi.
Quindi ora se proviamo questo riavvio il server aggiorna la pagina.
Questo dovrebbe funzionare bene.
Se accedo al login, ora ho il modulo di accesso e non ricevo un errore.
E vedo i collegamenti corretti perché non sono loggato.
Ora, se accedo nuovamente come sĂ¨vres,
vedo solo il log out eccezionale e provo a fare clic su Disconnetti.
Eccezionale.
Quindi sta funzionando.
L'ultima cosa che volevo fare è che, quando ti sei registrato, facciamolo un'altra volta.
Vuoi vedere qui piuttosto che accedere e iscriverti.
Vuoi vedere al momento effettuato l'accesso come Zephyrus e questo è abbastanza facile da fare.
Invece della nostra testa ciascuno.
Sì, abbiamo già un utente corrente, quindi se c'è un utente corrente in questo altro,
aggiungeremo un altro alleato e Ally aggiungerà semplicemente il testo.
Facciamo l'accesso come.
E poi interpretiamo o aggiungiamo ciascuno come tag.
Utente corrente punto nome utente e salva riavvio e vediamo come appare.
Potremmo aver bisogno di ridimensionarlo un po '.
Mentiamoci di nuovo.
Firmato come Severus.
E sì, lo vogliamo stile.
Facciamo quindi un tag di ancoraggio come gli altri e non gli daremo un riferimento H così da poter ottenere
il tag finger Atra equivale al segno della sterlina.
Potrebbe essere sensato che questo sia effettivamente un link alla pagina del profilo, che non abbiamo.
Ma se avessimo pagine di profilo, potremmo fare clic su questo e ti porterebbero al tuo profilo, ma per
ora va bene.
Così si disconnetterà che dovrebbe andare via.
Proviamo a registrarci e vediamo come funziona.
Quindi mi iscriverò come signora viola e la password sarà viola.
Registrati e accedi come signora viola e possiamo uscire e ricontrollare tutto.
Che se provo ad aggiungere un nuovo commento, posso accedervi, ma se mi disconnetto e provo a farlo non posso.
Mi ha chiesto di accedere prima.
OK, quindi abbiamo ufficialmente finito con le basi per aggiungere auth a Joachim.
Prendiamo un momento per rivedere le nuove cose che abbiamo visto in questa lezione.
In particolare, usando l'utente richiesto che abbiamo impostato qui, richiediamo che l'utente sia vuoto se nessuno ha effettuato l'accesso o conterrà il nome utente
nell'ID dell'utente corrente, quindi utilizzeremo un post-uso che chiamerà questa funzione ogni singolo wrap quindi
è un bel modo per asciugare o programmare dove non dovevamo andare e fare questo su ogni percorso e
possiamo effettivamente sbarazzarcene ora perché lo stiamo passando usando o dopo 8 anni e poi
l'altra cosa è che nel nostro modello stiamo solo scrivendo una semplice istruzione IF e combinando
quella logica con ogni T. M. può essere davvero potente.
Possiamo mostrare e nascondere questi pulsanti.
Possiamo mostrare chi è attualmente connesso.
Roba davvero importante
OK, quindi è stato decisamente un po 'una maratona.
Cinque sezioni diverse ma ce l'abbiamo fatta funzionare.
Abbiamo creato prima i modelli utente.
Abbiamo creato i moduli di registrazione per l'iscrizione e le rotte, quindi effettuato il log in, quindi il logout e
infine abbiamo lavorato sulla barra di navigazione, mostrando e nascondendo i link e visualizzando l'utente attualmente connesso.
Bene, ci vediamo nella prossima unità