1
00:00:00,450 --> 00:00:01,380
Ben tornato.

2
00:00:01,470 --> 00:00:06,570
In questo video ci concentreremo sull'ottenere la barra NAF per visualizzare correttamente i collegamenti in

3
00:00:06,570 --> 00:00:10,190
modo che, quando non sei connesso, vedi solo accedere e registrarti.

4
00:00:10,260 --> 00:00:15,510
Ma quando sei connesso, vedi solo disconnettersi e poi possiamo anche visualizzare un piccolo messaggio

5
00:00:15,600 --> 00:00:17,010
che dice accesso come.

6
00:00:17,160 --> 00:00:21,620
E poi il nome utente firmato in diversi punti di accesso firmato mangia qualunque sia.

7
00:00:21,640 --> 00:00:27,270
fine della parte per il video e ho iniziato a spostarlo in un video separato in modo da poter

8
00:00:27,270 --> 00:00:31,260
dedicare un po 'più di tempo ad approfondire alcuni dettagli e spiegare come funziona.

9
00:00:31,260 --> 00:00:32,620
Inizialmente aveva tutto questo alla

10
00:00:32,640 --> 00:00:33,720
Quindi iniziamo.

11
00:00:33,810 --> 00:00:35,790
E quello che ho intenzione di fare è aprire Hetter.

12
00:00:35,970 --> 00:00:36,860
Sì.

13
00:00:37,110 --> 00:00:42,510
E qui ci sono le tre linee che sono responsabili di quei tre collegamenti proprio qui.

14
00:00:42,510 --> 00:00:47,270
Accedi Iscriviti disconnessione per nasconderlo e mostrarlo in modo appropriato.

15
00:00:47,280 --> 00:00:49,940
Abbiamo bisogno di aggiungere alcuni semplici E. J. logica esotica.

16
00:00:50,460 --> 00:00:53,120
Avremo una dichiarazione if che assomiglia a questo.

17
00:00:53,130 --> 00:00:54,630
Questo è solo uno pseudo codice.

18
00:00:54,630 --> 00:01:06,210
Ma se nessun utente mostrerà il log in e registrerà e poi mostrerà il link di disconnessione.

19
00:01:06,210 --> 00:01:08,100
Ora ovviamente questo non è vero javascript.

20
00:01:08,220 --> 00:01:09,320
Dovremo lavorarci su.

21
00:01:09,450 --> 00:01:16,770
Ma quello che faremo è passare una variabile proprio come abbiamo fatto qui dove stiamo passando nel campeggio o lo

22
00:01:16,770 --> 00:01:22,530
stiamo facendo in tempo qui ripassando il campeggio di nuovo eccetto che passeremo un oggetto utente

23
00:01:22,530 --> 00:01:28,090
e quell'utente contenere informazioni sull'utente che ha effettuato l'accesso o se non vi sono utenti registrati.

24
00:01:28,100 --> 00:01:32,960
Sarà vuoto indefinito e possiamo usare quella variabile utente al posto del nostro modello.

25
00:01:33,150 --> 00:01:34,490
Quindi se è indefinito.

26
00:01:34,740 --> 00:01:36,850
Verificheremo se l'utente non è definito.

27
00:01:36,960 --> 00:01:40,800
Mostra questi altrimenti mostra il log al link.

28
00:01:40,800 --> 00:01:45,080
Quindi iniziamo a capire come possiamo ottenere quei dati sull'utente.

29
00:01:45,180 --> 00:01:51,880
Comincerò su una di queste rotte e farò la pagina dell'indice dei campeggi che è qui dopo che ricevo il

30
00:01:51,910 --> 00:01:56,910
campeggio slash perché è un bel percorso semplice e molto del nostro codice reindirizza a

31
00:01:56,910 --> 00:01:57,520
questa rotta.

32
00:01:58,050 --> 00:02:01,780
E il segreto di tutto questo è che la parte importante è richiesta all'utente diretto.

33
00:02:02,040 --> 00:02:05,210
Quindi chiedi che l'utente conterrà tutte le informazioni.

34
00:02:05,220 --> 00:02:09,840
Beh, non tutto, ma il nome utente e l'ID dell'utente attualmente connesso.

35
00:02:09,860 --> 00:02:10,920
Quindi ti mostrerò.

36
00:02:11,100 --> 00:02:19,720
Facciamo semplicemente un annullo per registrare le richieste all'utente e avviare il server e poi andrò ad aggiornare.

37
00:02:21,090 --> 00:02:22,310
E diventiamo indefiniti.

38
00:02:22,410 --> 00:02:25,030
E questo perché non c'è un utente attualmente connesso.

39
00:02:25,130 --> 00:02:26,930
Quindi chiedi agli utenti di svuotare.

40
00:02:26,980 --> 00:02:27,990
Non esiste

41
00:02:28,290 --> 00:02:35,070
Ma poi, una volta che effettuo il login, il passaporto farà le richieste che l'utente immette i dati dell'utente solo il

42
00:02:35,110 --> 00:02:41,090
nome utente e l'ID, non la password o altro che nome utente e ID all'interno dell'utente della richiesta.

43
00:02:41,460 --> 00:02:52,740
Quindi un log in Severus password click log in Consente di andare a vedere si può vedere questo è ora richiesta all'utente.

44
00:02:52,920 --> 00:02:55,470
Sarà davvero utile per noi nei nostri modelli.

45
00:02:55,530 --> 00:02:57,220
Quindi lo passerò ora.

46
00:02:57,270 --> 00:02:58,180
Sbarazzati di quello.

47
00:02:58,350 --> 00:03:03,930
E poi, dopo i campeggi, avremo solo un altro utente variabile di Akol che è uguale

48
00:03:04,300 --> 00:03:05,280
a richiedere l'utente.

49
00:03:05,460 --> 00:03:10,050
E poi nel nostro modello possiamo scrivere una semplice logica che controlla se c'è un utente corrente.

50
00:03:10,320 --> 00:03:15,620
E poi nel nostro modello possiamo aggiungere una logica molto semplice usando la variabile utente corrente.

51
00:03:15,720 --> 00:03:18,220
Quindi salviamo e andiamo all'indice.

52
00:03:18,290 --> 00:03:18,750
Sì.

53
00:03:18,780 --> 00:03:22,650
Qual è l'indice dei campeggi e proprio in cima.

54
00:03:22,800 --> 00:03:32,730
Aggiungiamo solo un piccolo H per questo, basta stampare l'utente corrente e riavviare il server.

55
00:03:33,880 --> 00:03:45,720
E se vado subito non vediamo nulla, ma se accedo più e più volte vedo ora l'utente

56
00:03:45,720 --> 00:03:46,590
corrente.

57
00:03:46,590 --> 00:03:52,320
Quindi stiamo passando questi dati nel nostro modello, ma piuttosto che utilizzarlo al posto di questo modello

58
00:03:52,320 --> 00:03:56,850
di indice, in realtà vogliamo utilizzarlo all'interno del modello di barra di navigazione nell'intestazione.

59
00:03:57,240 --> 00:04:01,750
E ricorda che abbiamo accesso a qualsiasi variabile che passiamo attraverso il nostro modello.

60
00:04:01,890 --> 00:04:03,610
Anche all'interno di Parshall.

61
00:04:03,690 --> 00:04:08,650
Quindi all'interno di ognuno di noi aggiungeremo un'istruzione if e sembra proprio questo.

62
00:04:08,760 --> 00:04:20,970
Se non c'è un utente corrente, potremmo semplicemente farlo, quindi mostrare questi due link e poi faremo in modo che il nostro altro mostri

63
00:04:20,970 --> 00:04:21,450
il

64
00:04:24,660 --> 00:04:30,380
link di disconnessione e, ovviamente, abbiamo bisogno dei nostri tag Ejaz.

65
00:04:30,540 --> 00:04:38,430
Facciamolo senza segni uguali.

66
00:04:38,430 --> 00:04:39,250
E abbiamo

67
00:04:42,550 --> 00:04:47,990
quasi finito, quindi stiamo controllando se una variabile utente corrente è vuota, quindi mostreremo queste cose.

68
00:04:48,220 --> 00:04:49,950
Altrimenti mostreremo il link di disconnessione.

69
00:04:50,320 --> 00:04:56,290
Ma questo funzionerà solo ora almeno su questo percorso, perché non stiamo passando l'utente

70
00:04:56,290 --> 00:04:58,210
corrente su nessun altro percorso.

71
00:04:58,300 --> 00:05:00,140
Ma assicuriamoci che funzioni.

72
00:05:00,310 --> 00:05:04,660
Quindi riavvierò l'app se aggiorno la pagina.

73
00:05:04,750 --> 00:05:05,260
Grande.

74
00:05:05,260 --> 00:05:10,130
Vedo solo il login e la registrazione e questo perché non sono registrato.

75
00:05:10,450 --> 00:05:16,360
Ora se faccio clic su accesso avremo un problema che è che abbiamo il file di intestazione e sta

76
00:05:16,360 --> 00:05:19,800
cercando di usare l'utente corrente ma non abbiamo passato l'utente corrente.

77
00:05:19,990 --> 00:05:25,420
Quindi in realtà ciò avverrà su qualsiasi percorso che ora è Ackbar perché

78
00:05:25,420 --> 00:05:28,930
non passiamo l'utente corrente ad eccezione di Slash Capgras.

79
00:05:29,500 --> 00:05:35,520
Quindi quello che vogliamo fare è passare l'utente corrente praticamente attraverso questa linea proprio qui su ogni singola rotta.

80
00:05:36,040 --> 00:05:40,750
alcuni di essi potrebbe essere vuoto alcuni di loro avranno dati utente, ma lo vogliamo disponibile su ogni percorso.

81
00:05:40,750 --> 00:05:41,220
E su

82
00:05:41,530 --> 00:05:46,240
E c'è un modo semplice per farlo che non dobbiamo aggiungere manualmente a ogni

83
00:05:46,250 --> 00:05:54,070
singola rotta e in alto prima che i nostri percorsi aggiungano un altro aggiornamento dopo l'uso e aggiungeremo il nostro piccolo middleware.

84
00:05:54,430 --> 00:05:57,650
Qualsiasi funzione forniremo sarà chiamata su ogni percorso.

85
00:05:57,850 --> 00:06:03,420
Quindi daremo una risposta alla richiesta di funzione e avremo bisogno anche della prossima variabile.

86
00:06:04,360 --> 00:06:09,280
E quello che vogliamo fare è passare la richiesta all'utente a ogni singolo modello e c'è un modo

87
00:06:09,280 --> 00:06:10,180
semplice per farlo.

88
00:06:10,260 --> 00:06:12,930
Sake locali del rez.

89
00:06:13,110 --> 00:06:19,940
L'utente corrente richiede all'utente qualunque cosa mettiamo a riposo a livello locale è ciò che è disponibile al posto del nostro

90
00:06:20,390 --> 00:06:26,230
modello e quindi l'altra cosa veramente importante è che devi passare al codice successivo effettivo perché questo è

91
00:06:26,230 --> 00:06:29,040
un middleware che verrà eseguito per ogni singola rotta.

92
00:06:29,080 --> 00:06:31,570
Se non lo avremo, si fermerà.

93
00:06:31,570 --> 00:06:36,400
Nulla accadrà, quindi abbiamo bisogno di avere il prossimo per passare a quel prossimo middleware che in

94
00:06:36,400 --> 00:06:39,430
realtà sarà il gestore del percorso nella maggior parte dei casi.

95
00:06:40,090 --> 00:06:45,580
Quindi ora se proviamo questo riavvio il server aggiorna la pagina.

96
00:06:45,580 --> 00:06:46,770
Questo dovrebbe funzionare bene.

97
00:06:46,900 --> 00:06:52,150
Se accedo al login, ora ho il modulo di accesso e non ricevo un errore.

98
00:06:52,360 --> 00:06:55,330
E vedo i collegamenti corretti perché non sono loggato.

99
00:06:55,390 --> 00:06:57,400
Ora, se accedo nuovamente come sèvres,

100
00:07:00,790 --> 00:07:05,050
vedo solo il log out eccezionale e provo a fare clic su Disconnetti.

101
00:07:05,710 --> 00:07:06,180
Eccezionale.

102
00:07:06,190 --> 00:07:07,180
Quindi sta funzionando.

103
00:07:07,210 --> 00:07:12,360
L'ultima cosa che volevo fare è che, quando ti sei registrato, facciamolo un'altra volta.

104
00:07:12,810 --> 00:07:16,360
Vuoi vedere qui piuttosto che accedere e iscriverti.

105
00:07:16,370 --> 00:07:20,920
Vuoi vedere al momento effettuato l'accesso come Zephyrus e questo è abbastanza facile da fare.

106
00:07:21,130 --> 00:07:22,290
Invece della nostra testa ciascuno.

107
00:07:22,330 --> 00:07:30,010
Sì, abbiamo già un utente corrente, quindi se c'è un utente corrente in questo altro,

108
00:07:31,360 --> 00:07:36,200
aggiungeremo un altro alleato e Ally aggiungerà semplicemente il testo.

109
00:07:37,300 --> 00:07:41,300
Facciamo l'accesso come.

110
00:07:41,760 --> 00:07:46,050
E poi interpretiamo o aggiungiamo ciascuno come tag.

111
00:07:46,060 --> 00:07:54,250
Utente corrente punto nome utente e salva riavvio e vediamo come appare.

112
00:07:54,250 --> 00:07:57,810
Potremmo aver bisogno di ridimensionarlo un po '.

113
00:07:58,000 --> 00:08:01,030
Mentiamoci di nuovo.

114
00:08:05,860 --> 00:08:07,570
Firmato come Severus.

115
00:08:07,660 --> 00:08:09,430
E sì, lo vogliamo stile.

116
00:08:09,430 --> 00:08:17,330
Facciamo quindi un tag di ancoraggio come gli altri e non gli daremo un riferimento H così da poter ottenere

117
00:08:17,440 --> 00:08:20,970
il tag finger Atra equivale al segno della sterlina.

118
00:08:21,040 --> 00:08:25,780
Potrebbe essere sensato che questo sia effettivamente un link alla pagina del profilo, che non abbiamo.

119
00:08:25,780 --> 00:08:30,790
Ma se avessimo pagine di profilo, potremmo fare clic su questo e ti porterebbero al tuo profilo, ma per

120
00:08:30,790 --> 00:08:31,470
ora va bene.

121
00:08:31,780 --> 00:08:34,070
Così si disconnetterà che dovrebbe andare via.

122
00:08:34,150 --> 00:08:36,330
Proviamo a registrarci e vediamo come funziona.

123
00:08:36,580 --> 00:08:42,000
Quindi mi iscriverò come signora viola e la password sarà viola.

124
00:08:42,010 --> 00:08:49,570
Registrati e accedi come signora viola e possiamo uscire e ricontrollare tutto.

125
00:08:49,790 --> 00:08:59,950
Che se provo ad aggiungere un nuovo commento, posso accedervi, ma se mi disconnetto e provo a farlo non posso.

126
00:09:00,130 --> 00:09:01,550
Mi ha chiesto di accedere prima.

127
00:09:01,870 --> 00:09:05,690
OK, quindi abbiamo ufficialmente finito con le basi per aggiungere auth a Joachim.

128
00:09:05,950 --> 00:09:09,660
Prendiamo un momento per rivedere le nuove cose che abbiamo visto in questa lezione.

129
00:09:09,790 --> 00:09:18,250
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

130
00:09:18,400 --> 00:09:23,830
nell'ID dell'utente corrente, quindi utilizzeremo un post-uso che chiamerà questa funzione ogni singolo wrap quindi

131
00:09:23,830 --> 00:09:30,400
è un bel modo per asciugare o programmare dove non dovevamo andare e fare questo su ogni percorso e

132
00:09:30,400 --> 00:09:35,770
possiamo effettivamente sbarazzarcene ora perché lo stiamo passando usando o dopo 8 anni e poi

133
00:09:35,770 --> 00:09:41,350
l'altra cosa è che nel nostro modello stiamo solo scrivendo una semplice istruzione IF e combinando

134
00:09:41,350 --> 00:09:46,960
quella logica con ogni T. M. può essere davvero potente.

135
00:09:46,960 --> 00:09:48,320
Possiamo mostrare e nascondere questi pulsanti.

136
00:09:48,340 --> 00:09:50,580
Possiamo mostrare chi è attualmente connesso.

137
00:09:50,830 --> 00:09:52,090
Roba davvero importante

138
00:09:52,420 --> 00:09:54,900
OK, quindi è stato decisamente un po 'una maratona.

139
00:09:54,910 --> 00:09:57,730
Cinque sezioni diverse ma ce l'abbiamo fatta funzionare.

140
00:09:57,760 --> 00:09:59,400
Abbiamo creato prima i modelli utente.

141
00:09:59,560 --> 00:10:05,800
Abbiamo creato i moduli di registrazione per l'iscrizione e le rotte, quindi effettuato il log in, quindi il logout e

142
00:10:05,800 --> 00:10:11,180
infine abbiamo lavorato sulla barra di navigazione, mostrando e nascondendo i link e visualizzando l'utente attualmente connesso.

143
00:10:11,230 --> 00:10:12,520
Bene, ci vediamo nella prossima unità