1 00:00:01,180 --> 00:00:02,070 ‫Istruttore: In 2 00:00:02,070 --> 00:00:04,620 ‫questo video, costruiremo la pagina dell'account utente 3 00:00:04,620 --> 00:00:07,270 ‫principalmente utilizzando concetti che già conosciamo e 4 00:00:07,270 --> 00:00:08,823 ‫già utilizzati in precedenza. 5 00:00:10,560 --> 00:00:12,470 ‫E iniziamo dando un'occhiata a 6 00:00:12,470 --> 00:00:15,340 ‫cosa intendo effettivamente con la pagina dell'account utente nel nostro 7 00:00:15,340 --> 00:00:20,230 ‫sito Web di riferimento, quindi qui su natours. sviluppatore 8 00:00:20,230 --> 00:00:22,920 ‫Quindi abbiamo già visualizzato questo menu qui 9 00:00:22,920 --> 00:00:24,210 ‫sul nostro 10 00:00:24,210 --> 00:00:27,430 ‫sito Web, ma quando facciamo clic su questo 11 00:00:27,430 --> 00:00:30,210 ‫utente otteniamo l'accesso alla pagina dell'account utente. 12 00:00:30,210 --> 00:00:33,349 ‫E quindi qui, possiamo modificare alcune impostazioni di 13 00:00:33,349 --> 00:00:35,807 ‫base, anche caricare una nuova foto, ma 14 00:00:35,807 --> 00:00:37,540 ‫questa la faremo nella 15 00:00:37,540 --> 00:00:39,013 ‫prossima sezione in 16 00:00:40,043 --> 00:00:44,690 ‫realtà, e l'utente può anche aggiornare la sua password in questa pagina. 17 00:00:44,690 --> 00:00:47,590 ‫Quindi, sul lato sinistro ci sono alcune voci 18 00:00:47,590 --> 00:00:49,740 ‫di menu, che non implementeremo 19 00:00:49,740 --> 00:00:52,120 ‫realmente, quindi implementeremo solo il menu, 20 00:00:52,120 --> 00:00:55,027 ‫ma non proprio le pagine a cui puntano, 21 00:00:55,027 --> 00:00:57,840 ‫e quindi se l'utente è un amministratore 22 00:00:57,840 --> 00:01:00,690 ‫eseguiamo anche il rendering di questa parte qui. 23 00:01:00,690 --> 00:01:04,380 ‫Ok, quindi questo è ciò che costruiremo in questa 24 00:01:04,380 --> 00:01:06,440 ‫lezione, e nelle prossime 25 00:01:06,440 --> 00:01:09,440 ‫due lezioni ci occuperemo effettivamente dell'aggiornamento delle impostazioni. 26 00:01:09,440 --> 00:01:13,113 ‫Quindi, in pratica, far funzionare questi pulsanti qui. 27 00:01:14,227 --> 00:01:15,060 ‫Tutto ok? 28 00:01:15,060 --> 00:01:17,620 ‫Ma per ora, è solo il rendering di questa pagina qui 29 00:01:17,620 --> 00:01:19,443 ‫su questo . io URL. 30 00:01:21,370 --> 00:01:22,610 ‫Bene? 31 00:01:22,610 --> 00:01:25,343 ‫Quindi, iniziamo con il modello del carlino. 32 00:01:26,250 --> 00:01:28,080 ‫Va bene, e quindi 33 00:01:28,080 --> 00:01:30,873 ‫come sempre, ho già questo accountTemplate qui. 34 00:01:32,050 --> 00:01:34,453 ‫Quindi prendiamolo, copiamolo e poi 35 00:01:37,810 --> 00:01:40,253 ‫creiamo una nuova vista quaggiù, 36 00:01:42,730 --> 00:01:44,360 ‫che chiamo account. 37 00:01:44,360 --> 00:01:46,810 ‫E ora vogliamo estendere 38 00:01:51,281 --> 00:01:56,270 ‫la base e creare come sempre un blocco chiamato contenuto. 39 00:01:56,270 --> 00:01:59,863 ‫E poi qui è dove incolliamo effettivamente il nostro contenuto. 40 00:02:00,740 --> 00:02:02,010 ‫Tutto ok? 41 00:02:02,010 --> 00:02:04,000 ‫Ora dobbiamo far 42 00:02:05,850 --> 00:02:09,803 ‫rientrare tutto questo per farlo entrare nel blocco. 43 00:02:10,640 --> 00:02:15,640 ‫Fantastico, quindi qui prima abbiamo la nostra navigazione, giusto? 44 00:02:15,670 --> 00:02:18,540 ‫Quindi impostazioni, prenotazioni, recensioni e fatturazione che 45 00:02:18,540 --> 00:02:21,020 ‫abbiamo visto lì sul lato 46 00:02:21,020 --> 00:02:25,430 ‫sinistro della pagina, e poi abbiamo anche la navigazione dell'amministratore, giusto? 47 00:02:25,430 --> 00:02:28,590 ‫E vedono già un sacco di codice duplicato qui. 48 00:02:28,590 --> 00:02:31,770 ‫Quindi, in pratica, questi elementi della voce di 49 00:02:31,770 --> 00:02:34,950 ‫elenco qui appaiono in realtà otto volte. 50 00:02:34,950 --> 00:02:38,970 ‫Quindi quattro volte quassù e quattro volte quaggiù quindi creiamo molto 51 00:02:38,970 --> 00:02:41,730 ‫velocemente un mixin per loro per rendere il 52 00:02:41,730 --> 00:02:44,330 ‫nostro codice un po' più pulito. 53 00:02:44,330 --> 00:02:46,310 ‫Va bene, quindi vado avanti 54 00:02:46,310 --> 00:02:48,610 ‫e copierò davvero uno di questi. 55 00:02:48,610 --> 00:02:52,953 ‫E poi crea un nuovo mixin chiamato navItem. 56 00:02:55,600 --> 00:02:57,480 ‫Ok, l'abbiamo fatto prima. 57 00:02:57,480 --> 00:02:59,120 ‫Quindi questo è molto simile. 58 00:02:59,120 --> 00:03:01,500 ‫Quindi cosa dobbiamo inserire in 59 00:03:01,500 --> 00:03:05,100 ‫questo mixin per personalizzare sostanzialmente ciascuno di questi elementi? 60 00:03:05,100 --> 00:03:07,773 ‫Bene, quello che cambierà è il collegamento. 61 00:03:08,960 --> 00:03:13,960 ‫Anche il testo, quindi impostazioni, prenotazioni, eccetera. 62 00:03:14,790 --> 00:03:16,360 ‫Quindi questo è il testo. 63 00:03:16,360 --> 00:03:19,240 ‫Quindi anche l'icona cambierà, e finalmente 64 00:03:19,240 --> 00:03:21,980 ‫vedi che questo primo qui 65 00:03:21,980 --> 00:03:25,690 ‫ha la classe attiva di navigazione laterale, giusto? 66 00:03:25,690 --> 00:03:30,530 ‫E quindi specificheremo anche un attivo come qui fondamentalmente. 67 00:03:30,530 --> 00:03:33,110 ‫E poi, quando vogliamo contrassegnare un elemento 68 00:03:33,110 --> 00:03:35,390 ‫come attivo, passeremo semplicemente da qui. 69 00:03:35,390 --> 00:03:36,762 ‫Bene? 70 00:03:36,762 --> 00:03:39,573 ‫Quindi ora dobbiamo correggere il rientro qui. 71 00:03:47,530 --> 00:03:49,123 ‫E poi passare i nostri dati. 72 00:03:54,930 --> 00:03:56,363 ‫Il prossimo è il testo. 73 00:03:59,900 --> 00:04:01,900 ‫Quindi questo, ovviamente a questo 74 00:04:01,900 --> 00:04:06,607 ‫punto, non è una novità, quindi lo sto facendo abbastanza velocemente qui, giusto? 75 00:04:07,910 --> 00:04:12,000 ‫Quindi icon e poi il nome dell'icona che passiamo. 76 00:04:12,000 --> 00:04:13,860 ‫Quindi, proprio come abbiamo fatto 77 00:04:13,860 --> 00:04:15,640 ‫prima, e poi finalmente 78 00:04:15,640 --> 00:04:18,220 ‫questo attivo qui, ricorda, sarà vero o falso. 79 00:04:18,220 --> 00:04:21,840 ‫E se è vero, allora vogliamo aggiungere questa classe. 80 00:04:21,840 --> 00:04:22,753 ‫Quindi copiamolo. 81 00:04:23,950 --> 00:04:27,063 ‫E poi qui specifichiamo l'attributo class. 82 00:04:29,820 --> 00:04:31,470 ‫E poi, proprio come 83 00:04:31,470 --> 00:04:33,910 ‫abbiamo fatto, facciamo una dichiarazione di tornitura qui. 84 00:04:33,910 --> 00:04:38,480 ‫Quindi dicendo che se attivo, in pratica, qui 85 00:04:38,480 --> 00:04:42,003 ‫vogliamo avere il navigatore laterale attivo. 86 00:04:43,010 --> 00:04:45,490 ‫E se no, non vogliamo niente. 87 00:04:45,490 --> 00:04:47,243 ‫Quindi un nome di classe vuoto, in pratica. 88 00:04:49,030 --> 00:04:49,980 ‫Tutto bene. 89 00:04:49,980 --> 00:04:53,800 ‫E così ora possiamo sostituire questo con il nostro mixin. 90 00:04:53,800 --> 00:04:57,270 ‫Quindi si chiama navItem, quindi ricorda, 91 00:04:57,270 --> 00:05:00,180 ‫scriviamo + e poi navItem. 92 00:05:01,820 --> 00:05:05,230 ‫Quindi qui il collegamento è un collegamento vuoto. 93 00:05:05,230 --> 00:05:07,520 ‫E in realtà per tutti loro per ora. 94 00:05:07,520 --> 00:05:08,353 ‫Quindi 95 00:05:09,780 --> 00:05:10,623 ‫Impostazioni, quindi 96 00:05:12,420 --> 00:05:14,980 ‫il nome dell'icona che è anche impostazioni, 97 00:05:14,980 --> 00:05:16,083 ‫ma in minuscolo. 98 00:05:18,341 --> 00:05:21,060 ‫E poi finalmente questo è effettivamente attivo, e quindi 99 00:05:21,060 --> 00:05:22,323 ‫passiamo nel vero. 100 00:05:25,541 --> 00:05:28,057 ‫Va bene, duplichiamolo. 101 00:05:31,710 --> 00:05:36,513 ‫Prendi una valigetta e abbiamo Le mie prenotazioni. 102 00:05:37,680 --> 00:05:39,490 ‫Facciamolo minuscolo. 103 00:05:39,490 --> 00:05:43,090 ‫Va bene, duplicalo altre due volte. 104 00:05:43,090 --> 00:05:44,480 ‫Quindi qui abbiamo 105 00:05:48,360 --> 00:05:49,990 ‫la stella e poi 106 00:05:53,600 --> 00:05:56,423 ‫qui la carta di credito per la fatturazione. 107 00:05:59,550 --> 00:06:00,383 ‫Tutto bene. 108 00:06:04,270 --> 00:06:06,820 ‫E ora abbiamo la navigazione amministrativa. 109 00:06:06,820 --> 00:06:08,560 ‫E questo sarà 110 00:06:08,560 --> 00:06:11,660 ‫visibile solo se l'utente corrente è un amministratore. 111 00:06:11,660 --> 00:06:15,660 ‫Quindi definiamolo effettivamente usando un'istruzione if. 112 00:06:15,660 --> 00:06:18,370 ‫E quindi qui dobbiamo verificare se il ruolo utente 113 00:06:18,370 --> 00:06:20,360 ‫è uguale a admin, giusto? 114 00:06:20,360 --> 00:06:21,270 ‫E quindi 115 00:06:21,270 --> 00:06:23,450 ‫questa è, di nuovo, una di queste istruzioni 116 00:06:23,450 --> 00:06:26,410 ‫if più complesse e quindi dobbiamo usare JavaScript per questo. 117 00:06:26,410 --> 00:06:29,441 ‫Quindi sto usando di nuovo qui il codice senza buffer. 118 00:06:29,441 --> 00:06:30,640 ‫E poi se 119 00:06:32,560 --> 00:06:35,710 ‫e così avremo accesso alla variabile utente qui. 120 00:06:35,710 --> 00:06:38,290 ‫Proprio come abbiamo fatto in altri modelli. 121 00:06:38,290 --> 00:06:41,200 ‫Quindi in pratica lo passeremo qui. 122 00:06:41,200 --> 00:06:44,750 ‫E poi, ovviamente, l'utente ha l'attributo role, quindi 123 00:06:44,750 --> 00:06:47,210 ‫testiamo se è admin. 124 00:06:47,210 --> 00:06:51,230 ‫E se lo è, vogliamo mostrare tutto questo. 125 00:06:51,230 --> 00:06:54,963 ‫E quindi ora deve essere rientrato di un livello. 126 00:06:56,760 --> 00:06:57,593 ‫Bene? 127 00:06:57,593 --> 00:07:00,270 ‫E ovviamente ora vogliamo sostituire anche 128 00:07:00,270 --> 00:07:03,023 ‫tutti questi qui con il nostro mixin. 129 00:07:07,900 --> 00:07:09,083 ‫Quindi quattro volte. 130 00:07:10,370 --> 00:07:13,003 ‫Questa si chiama mappa. 131 00:07:14,380 --> 00:07:15,613 ‫Gestire i tour. 132 00:07:23,350 --> 00:07:24,823 ‫Questo è Gestisci utenti. 133 00:07:38,080 --> 00:07:39,323 ‫Gestire le recensioni. 134 00:07:41,400 --> 00:07:43,800 ‫E poi finalmente ne abbiamo uno con la valigetta. 135 00:07:46,450 --> 00:07:49,030 ‫E questo non ha il testo qui, ma 136 00:07:49,030 --> 00:07:50,723 ‫è Gestisci le prenotazioni. 137 00:07:55,548 --> 00:07:56,830 ‫Tutto bene. 138 00:07:56,830 --> 00:08:01,830 ‫Quindi liberiamoci di questo e continuiamo il nostro lavoro quaggiù. 139 00:08:01,850 --> 00:08:03,830 ‫Quindi questo qui sarà il 140 00:08:03,830 --> 00:08:06,130 ‫modulo per modificare le impostazioni dell'utente. 141 00:08:06,130 --> 00:08:10,600 ‫E quindi i dati personali saranno qui in questi valori, ok? 142 00:08:10,600 --> 00:08:14,460 ‫Quindi fondamentalmente in un elemento di input HTML, il valore è 143 00:08:14,460 --> 00:08:17,300 ‫una specie di testo predefinito che 144 00:08:17,300 --> 00:08:20,220 ‫possiamo inserire all'interno di un elemento di input. 145 00:08:20,220 --> 00:08:21,690 ‫E quindi di solito quello 146 00:08:21,690 --> 00:08:23,930 ‫che mettiamo lì è il valore corrente di quell'input, 147 00:08:23,930 --> 00:08:25,160 ‫quindi di quel campo. 148 00:08:25,160 --> 00:08:28,780 ‫E quindi in questo momento, questo è ovviamente il nome dell'utente. 149 00:08:28,780 --> 00:08:30,130 ‫E quindi mettiamolo qui. 150 00:08:34,940 --> 00:08:36,480 ‫Utente. nome. 151 00:08:36,480 --> 00:08:40,202 ‫E poi quaggiù c'è 152 00:08:40,202 --> 00:08:42,693 ‫ovviamente l'e-mail. 153 00:08:45,610 --> 00:08:49,343 ‫E qui abbiamo anche l'immagine dell'utente. 154 00:08:54,060 --> 00:08:59,060 ‫Quindi gli utenti di barra dell'immagine tagliano il nome dell'immagine stessa. 155 00:09:01,610 --> 00:09:02,443 ‫Bene. 156 00:09:04,350 --> 00:09:06,783 ‫Allora quaggiù non c'è niente da fare. 157 00:09:07,720 --> 00:09:08,670 ‫Tutto ok? 158 00:09:08,670 --> 00:09:10,470 ‫E in effetti è così. 159 00:09:10,470 --> 00:09:12,640 ‫Quindi questi sono davvero tutti i 160 00:09:12,640 --> 00:09:14,620 ‫dati che provengono dall'oggetto utente 161 00:09:14,620 --> 00:09:15,823 ‫che dobbiamo inserire. 162 00:09:17,300 --> 00:09:20,110 ‫Ok, questo è il modello. 163 00:09:20,110 --> 00:09:25,110 ‫Ora andiamo avanti e aggiungiamo il percorso al viewRouter. 164 00:09:25,460 --> 00:09:29,813 ‫Quindi proprio qui, e questo si chiamerà /me. 165 00:09:32,480 --> 00:09:35,560 ‫E quindi avremo un controller chiamato getAccount. 166 00:09:37,940 --> 00:09:39,330 ‫Ora questo qui, 167 00:09:39,330 --> 00:09:42,470 ‫ovviamente, sarà in realtà un percorso protetto, giusto? 168 00:09:42,470 --> 00:09:45,240 ‫Perché solo se siamo effettivamente 169 00:09:45,240 --> 00:09:48,260 ‫registrati avremo accesso a questa pagina. 170 00:09:48,260 --> 00:09:52,020 ‫E quindi abbiamo bisogno di usare il nostro middleware di protezione qui. 171 00:09:52,020 --> 00:09:55,973 ‫Quindi questo è un authController. proteggere. 172 00:09:57,360 --> 00:09:58,730 ‫Bene? 173 00:09:58,730 --> 00:10:02,100 ‫Così come abbiamo fatto con tutti o altri percorsi protetti. 174 00:10:02,100 --> 00:10:04,500 ‫Ora un problema che vedo con 175 00:10:04,500 --> 00:10:06,560 ‫questo è che questo middleware 176 00:10:06,560 --> 00:10:09,280 ‫di protezione qui è molto simile a isLoggedIn. 177 00:10:09,280 --> 00:10:12,270 ‫E quindi faremo effettivamente alcune operazioni duplicate lì, il 178 00:10:12,270 --> 00:10:13,610 ‫che non è l'ideale. 179 00:10:13,610 --> 00:10:16,500 ‫Perché ricorda che questo isLoggedIn 180 00:10:16,500 --> 00:10:19,930 ‫verrà eseguito per tutte le richieste, giusto? 181 00:10:19,930 --> 00:10:22,400 ‫Quindi diamo rapidamente un'occhiata a questi in modo che 182 00:10:22,400 --> 00:10:24,203 ‫io possa esprimere il mio punto. 183 00:10:25,300 --> 00:10:30,300 ‫Quindi, per proteggerci, portiamo qui l'attuale utente. 184 00:10:30,720 --> 00:10:33,020 ‫Quindi abbiamo questo findById qui. 185 00:10:33,020 --> 00:10:34,580 ‫Ma facciamo 186 00:10:36,757 --> 00:10:39,650 ‫lo stesso qui in logIn, ok? 187 00:10:39,650 --> 00:10:44,010 ‫Quindi, utilizzando isLoggedIn e protect allo stesso tempo, eseguiremo questa 188 00:10:44,010 --> 00:10:45,720 ‫query due volte. 189 00:10:45,720 --> 00:10:48,410 ‫E quindi non è l'ideale, ovviamente. 190 00:10:48,410 --> 00:10:51,980 ‫Quindi mettiamo questo isLoggedIn qui solo nelle 191 00:10:51,980 --> 00:10:55,210 ‫rotte che non sono protette, ok? 192 00:10:55,210 --> 00:10:56,660 ‫Perché sul 193 00:10:56,660 --> 00:10:58,690 ‫percorso protetto questo controllo se 194 00:10:58,690 --> 00:11:02,270 ‫l'utente ha effettuato l'accesso verrà effettivamente eseguito anche, giusto? 195 00:11:02,270 --> 00:11:03,870 ‫Ma non in questo middleware, 196 00:11:03,870 --> 00:11:05,450 ‫ma poi nel 197 00:11:05,450 --> 00:11:09,000 ‫middleware di protezione perché fondamentalmente controlla anche quello, giusto? 198 00:11:09,000 --> 00:11:12,573 ‫Quindi tagliamo da qui e incolliamo semplicemente in 199 00:11:12,573 --> 00:11:15,393 ‫altri percorsi che non sono protetti. 200 00:11:18,550 --> 00:11:20,300 ‫Ok, ha senso? 201 00:11:20,300 --> 00:11:23,340 ‫E così in questo modo non abbiamo questo problema 202 00:11:23,340 --> 00:11:26,400 ‫di fare praticamente la stessa identica query due volte 203 00:11:26,400 --> 00:11:28,580 ‫in tutti i middleware protetti. 204 00:11:28,580 --> 00:11:31,680 ‫Ed è un po' meglio per le nostre prestazioni. 205 00:11:31,680 --> 00:11:34,722 ‫Ora, questa cosa che facciamo in isLoggedIn 206 00:11:34,722 --> 00:11:36,900 ‫e che attualmente non 207 00:11:36,900 --> 00:11:39,880 ‫facciamo in protection è questa qui. 208 00:11:39,880 --> 00:11:43,510 ‫Quindi abbiamo inserito un utente corrente nella risposta. gente del posto. 209 00:11:43,510 --> 00:11:45,534 ‫E quindi facciamo 210 00:11:45,534 --> 00:11:48,220 ‫lo stesso ora in currentUser. 211 00:11:48,220 --> 00:11:51,543 ‫E quindi facciamo lo stesso qui nel middleware di protezione. 212 00:11:53,020 --> 00:11:56,510 ‫Quindi metti l'utente corrente sia su richiesta. utente e alla 213 00:11:56,510 --> 00:11:59,590 ‫risposta. gente del posto, va bene? 214 00:11:59,590 --> 00:12:01,600 ‫In modo che possiamo quindi 215 00:12:01,600 --> 00:12:03,690 ‫usarlo automaticamente in tutti i modelli successivi. 216 00:12:03,690 --> 00:12:07,560 ‫Quindi in questo caso, nel nostro modello di account, va bene? 217 00:12:07,560 --> 00:12:08,693 ‫Quindi salvalo. 218 00:12:10,080 --> 00:12:14,040 ‫E ora dobbiamo aggiungere questo controller getAccount per, 219 00:12:14,040 --> 00:12:16,903 ‫ovviamente, correggere questo errore che 220 00:12:16,903 --> 00:12:18,293 ‫otteniamo attualmente. 221 00:12:19,450 --> 00:12:20,900 ‫Quindi questo è in viewsController,. richiesta e risposta getAccount. 222 00:12:27,467 --> 00:12:32,467 ‫E vedrai tra un secondo perché abbiamo bisogno solo di questi due. 223 00:12:34,370 --> 00:12:37,170 ‫Quindi, per ottenere la pagina dell'account, tutto ciò che dobbiamo fare è semplicemente 224 00:12:38,100 --> 00:12:39,580 ‫eseguire il rendering di quella pagina. 225 00:12:39,580 --> 00:12:43,370 ‫Non abbiamo nemmeno bisogno di interrogare l'utente corrente perché 226 00:12:43,370 --> 00:12:45,910 ‫è già stato fatto nel middleware 227 00:12:45,910 --> 00:12:47,760 ‫di protezione, giusto? 228 00:12:47,760 --> 00:12:50,030 ‫E quindi tutto ciò che dobbiamo fare 229 00:12:50,030 --> 00:12:51,810 ‫è fare qualcosa del genere. 230 00:12:51,810 --> 00:12:54,110 ‫Quindi copia questo codice e 231 00:12:54,110 --> 00:12:55,870 ‫poi qui account. 232 00:12:55,870 --> 00:12:59,030 ‫E diamogli un titolo del tuo account. 233 00:12:59,030 --> 00:13:04,030 ‫Va bene, quindi questo fa scomparire quell'errore. 234 00:13:04,430 --> 00:13:07,840 ‫E ora come pezzo finale del puzzle, aggiungiamo il 235 00:13:07,840 --> 00:13:09,880 ‫collegamento corretto, in realtà, nell'intestazione. 236 00:13:09,880 --> 00:13:13,063 ‫Quindi qui nella nostra intestazione in questo momento il 237 00:13:15,000 --> 00:13:18,110 ‫collegamento non punta a questa pagina dell'account, giusto? 238 00:13:18,110 --> 00:13:21,670 ‫Quindi non punta da nessuna parte. 239 00:13:21,670 --> 00:13:24,043 ‫E quindi ora dovrebbe puntare a /me. 240 00:13:25,110 --> 00:13:27,713 ‫Ok, quindi questo dovrebbe 241 00:13:28,820 --> 00:13:32,380 ‫essere l'ultimo pezzo per farlo funzionare davvero. 242 00:13:32,380 --> 00:13:33,763 ‫E quindi accediamo qui ora 243 00:13:34,980 --> 00:13:36,840 ‫con il test uno, due, tre, quattro. 244 00:13:38,281 --> 00:13:40,513 ‫Abbiamo effettuato l'accesso con successo. 245 00:13:42,050 --> 00:13:44,320 ‫E ora cliccando qui otteniamo la nostra pagina. 246 00:13:44,320 --> 00:13:48,950 ‫Fantastico. 247 00:13:48,950 --> 00:13:50,590 ‫Ora c'è un errore qui con la foto dell'utente. 248 00:13:50,590 --> 00:13:54,030 ‫Quindi risolviamolo. 249 00:13:54,030 --> 00:13:55,270 ‫Ma a parte questo, in realtà tutto funziona bene. 250 00:13:55,270 --> 00:13:59,460 ‫Abbiamo anche questo menu qui perché siamo attualmente in admin 251 00:13:59,460 --> 00:14:03,750 ‫e quindi testiamolo anche in un secondo per vedere se 252 00:14:03,750 --> 00:14:06,370 ‫scompare per gli altri utenti. 253 00:14:06,370 --> 00:14:08,903 ‫E in realtà riceviamo anche questo errore 254 00:14:11,180 --> 00:14:14,150 ‫qui perché abbiamo una richiesta non riuscita per l'immagine. 255 00:14:14,150 --> 00:14:17,500 ‫E così vediamo già che probabilmente stiamo facendo qualcosa 256 00:14:17,500 --> 00:14:19,070 ‫di sbagliato lì. 257 00:14:19,070 --> 00:14:20,920 ‫E quindi 258 00:14:22,070 --> 00:14:25,860 ‫qui nell'immagine, ovviamente, non è utente. nome, è utente. foto. 259 00:14:25,860 --> 00:14:30,500 ‫Quindi salvalo, ricarica qui. 260 00:14:30,500 --> 00:14:33,670 ‫E ora davvero, ci siamo. 261 00:14:33,670 --> 00:14:35,483 ‫Tutto ok? 262 00:14:36,840 --> 00:14:37,673 ‫Quindi ora disconnettiamoci, vediamo cosa succede allora. 263 00:14:37,673 --> 00:14:41,200 ‫E poi otteniamo questo tipo di errore. 264 00:14:41,200 --> 00:14:43,460 ‫E questo è fondamentalmente perché stiamo cercando 265 00:14:43,460 --> 00:14:46,200 ‫di accedere a questo percorso protetto senza essere loggato. 266 00:14:46,200 --> 00:14:49,417 ‫Tutto ok? 267 00:14:49,417 --> 00:14:50,250 ‫Quindi proviamoci di nuovo adesso. 268 00:14:51,470 --> 00:14:54,540 ‫Quindi, se proviamo ad accedere 269 00:14:54,540 --> 00:14:58,720 ‫con /me, otteniamo che non sei loggato, ok? 270 00:14:58,720 --> 00:15:01,920 ‫E prima che ottenessimo quell'errore dall'aspetto strano perché in 271 00:15:01,920 --> 00:15:04,550 ‫questo momento siamo in fase di sviluppo. 272 00:15:04,550 --> 00:15:07,070 ‫Ma in produzione, ovviamente, non vedremmo quello strano errore 273 00:15:07,070 --> 00:15:08,290 ‫che abbiamo visto prima. 274 00:15:08,290 --> 00:15:11,850 ‫Destra? 275 00:15:11,850 --> 00:15:12,710 ‫Ma quello che 276 00:15:12,710 --> 00:15:15,410 ‫vediamo ora è che, ovviamente, la nostra rotta è davvero protetta. 277 00:15:15,410 --> 00:15:16,930 ‫Quindi non possiamo accedervi se non abbiamo effettuato l'accesso. 278 00:15:16,930 --> 00:15:20,090 ‫Ora, per finire, accediamo effettivamente con un altro account 279 00:15:20,090 --> 00:15:21,270 ‫solo per 280 00:15:21,270 --> 00:15:23,750 ‫vedere se funziona anche la parte dell'amministratore. 281 00:15:23,750 --> 00:15:28,390 ‫Quindi, di nuovo, usiamo Laura qui. 282 00:15:28,390 --> 00:15:31,320 ‫E vedi che è solo un utente normale. 283 00:15:31,320 --> 00:15:33,520 ‫Tutto bene. 284 00:15:41,620 --> 00:15:42,543 ‫E ora 285 00:15:44,780 --> 00:15:47,950 ‫otteniamo il suo account utente, senza ovviamente il menu di amministrazione. 286 00:15:47,950 --> 00:15:49,740 ‫Ok, perfetto. 287 00:15:49,740 --> 00:15:51,380 ‫Quindi questo sta costruendo la pagina dell'account. 288 00:15:51,380 --> 00:15:53,570 ‫E come ho detto prima, nel 289 00:15:53,570 --> 00:15:55,830 ‫prossimo video, ci occuperemo poi di aggiornare 290 00:15:55,830 --> 00:15:57,700 ‫effettivamente queste impostazioni dell'account.