1 00:00:00,300 --> 00:00:05,490 Bentornata in questa lezione che è la parte 3 di aggiungere l'autenticazione al tuo campo, ci concentreremo 2 00:00:05,490 --> 00:00:11,520 sull'accesso che scriverà nei due percorsi e poi anche nel log e nel modello con il modulo che i ragazzi 3 00:00:11,520 --> 00:00:12,230 hanno iniziato qui. 4 00:00:12,720 --> 00:00:15,840 Quindi, proprio come il registro di accesso deve avere due percorsi. 5 00:00:15,960 --> 00:00:20,790 Questo dovrebbe essere un po 'una recensione dall'ultima unità in cui abbiamo trattato più dettagliatamente, ma abbiamo bisogno 6 00:00:20,790 --> 00:00:25,260 di una richiesta GET per mostrare il modulo e poi si oppone a fare effettivamente il login. 7 00:00:25,260 --> 00:00:28,620 Quindi iniziamo con il modulo e aggiungerò un commento qui. 8 00:00:28,620 --> 00:00:31,830 Mostra il modulo di accesso proprio così. 9 00:00:32,250 --> 00:00:41,040 E poi, una volta che hai un appetito ottieni il registro tagliato nella nostra risposta alla richiesta e la richiamata ogni 10 00:00:41,040 --> 00:00:46,130 volta e poi renderà il log in template che non esiste ancora. 11 00:00:46,140 --> 00:00:49,920 Ora creiamo il collegamento alla barra delle visualizzazioni touch. 12 00:00:49,960 --> 00:00:50,320 E. J. Sì 13 00:00:50,340 --> 00:00:52,200 e ora è aperto così tanto per cominciare. 14 00:00:55,020 --> 00:00:55,890 E ognuno che dice solo accedere e salvare un avvio del server. 15 00:00:55,880 --> 00:01:02,660 Andiamo alla nostra app e proviamo a visitare la barra di accesso. 16 00:01:03,420 --> 00:01:08,070 Eccoci. 17 00:01:08,100 --> 00:01:08,910 Sembra buono. 18 00:01:08,910 --> 00:01:09,770 Nessun pranzo al forum. 19 00:01:10,010 --> 00:01:11,910 Quindi abbiamo bisogno di avere un 20 00:01:12,180 --> 00:01:18,690 tag form e iniziamo con i nostri input e inseriamo testo di tipo call e potremmo semplicemente rubarlo dal modulo di registrazione. 21 00:01:18,690 --> 00:01:20,260 Ma è una buona pratica ripeterlo da zero. 22 00:01:20,490 --> 00:01:23,070 Quindi, il tipo di input indica che il nome del testo equivale al nome utente segnaposto uguale al nome utente. 23 00:01:23,070 --> 00:01:32,230 E poi un altro tipo di input equivale a nome della password uguale a password placeholder equivale a password. 24 00:01:33,180 --> 00:01:45,210 sto facendo, userò solo un tipo di input submit solo per dimostrare che è possibile utilizzare uno dei due. 25 00:01:45,210 --> 00:01:50,430 E poi, piuttosto che fare un pulsante che 26 00:01:50,640 --> 00:01:53,430 Quindi, inserisci il tipo di input. 27 00:01:53,440 --> 00:01:55,590 E poi dobbiamo dargli un valore. 28 00:01:56,580 --> 00:01:58,140 Ed è quello che apparirà effettivamente. 29 00:01:58,590 --> 00:02:00,100 Quindi il valore ti dirà solo di accedere ma salvare Dai un'occhiata al nostro modulo. 30 00:02:00,150 --> 00:02:05,780 OK. 31 00:02:06,200 --> 00:02:06,770 Abbiamo la forma. 32 00:02:06,960 --> 00:02:07,880 Non fa nulla adesso perché dobbiamo dargli un'azione e un metodo. 33 00:02:07,920 --> 00:02:13,680 E proprio come registrarsi sul registro abbiamo una richiesta di 34 00:02:14,160 --> 00:02:20,490 posta che stiamo facendo per ridurre il registro sul modulo di accesso. 35 00:02:20,490 --> 00:02:21,540 Faremo una richiesta per eliminare l'accesso. 36 00:02:21,540 --> 00:02:25,040 Quindi l'azione dovrebbe essere l'accesso social e il metodo dovrebbe essere pubblicato e lo salveremo per assicurarci che funzioni. 37 00:02:25,620 --> 00:02:34,110 Quindi, se accetto il login adesso riceverai un piccolo messaggio che dice che non è possibile 38 00:02:35,010 --> 00:02:40,740 pubblicare il login slash perché non abbiamo un percorso per quello. 39 00:02:40,740 --> 00:02:42,750 Quindi tornerò in realtà sì 40 00:02:42,750 --> 00:02:49,530 e aggiungerò nel nostro log in route e questa rotta sarà responsabile della gestione log in log. 41 00:02:50,010 --> 00:02:51,970 Così compilato dopo la barra di accesso al nostro callback. 42 00:02:52,380 --> 00:02:59,750 E poi quello che faremo è semplicemente fare un semplice log in send. 43 00:02:59,790 --> 00:03:05,100 La logica avviene qui e vogliamo solo assicurarci di vederlo 44 00:03:05,190 --> 00:03:12,360 e dobbiamo riavviare il server ogni volta che cambiamo o aggiungiamo una nuova rotta. 45 00:03:12,360 --> 00:03:15,420 Ora aggiorniamo di nuovo qualsiasi cosa. 46 00:03:15,420 --> 00:03:18,140 In realtà non abbiamo nemmeno bisogno di compilare i log in e otteniamo log in log succede qui. 47 00:03:18,240 --> 00:03:23,290 Tutto ok. 48 00:03:23,610 --> 00:03:24,300 Grande. 49 00:03:24,420 --> 00:03:24,720 Quindi abbiamo 50 00:03:24,720 --> 00:03:29,700 i percorsi correttamente, ma in realtà mi sbarazzerò di tutto questo perché se ti ricordi di tornare dall'ultima unità il modo in cui possiamo fare il login è usando un middleware. 51 00:03:29,700 --> 00:03:34,300 E questo è il passaporto. 52 00:03:34,590 --> 00:03:35,690 Autentica middleware 53 00:03:35,720 --> 00:03:36,960 Quindi aggiungi che qui il punto del passaporto Khama autentica. 54 00:03:37,050 --> 00:03:42,400 E poi dentro dobbiamo fornire locale. 55 00:03:42,780 --> 00:03:45,530 E dopo local come secondo 56 00:03:45,720 --> 00:03:51,600 argomento forniamo un oggetto e quell'oggetto avrà due cose successo. 57 00:03:51,660 --> 00:03:53,040 Reindirizzare. 58 00:03:53,040 --> 00:03:54,300 E se un utente 59 00:03:54,750 --> 00:04:03,580 effettua correttamente il login, reindirizza la barra per ridurre i campeggi e un reindirizzamento di errori e facciamo un indentazione ora che abbiamo abbastanza testo qui. 60 00:04:03,580 --> 00:04:08,020 OK, così il reindirizzamento di successo e un reindirizzamento 61 00:04:08,910 --> 00:04:13,020 di errore e reindirizzerà solo alla barra di accesso. 62 00:04:16,370 --> 00:04:18,800 Se fallisce, in questo modo 63 00:04:18,840 --> 00:04:26,580 c'è molto tick qui e abbiamo ancora bisogno di una virgola e quindi dovremmo essere bravi. 64 00:04:26,580 --> 00:04:27,750 Quindi riprendiamolo. 65 00:04:27,750 --> 00:04:29,220 È un po 'di revisione 66 00:04:29,220 --> 00:04:35,010 da prima che non abbiamo ampliato la rotta dopo la sbarco del log in quando una richiesta arriva nel login alla barra. 67 00:04:35,010 --> 00:04:36,170 Questo funzionerà per primo. 68 00:04:36,210 --> 00:04:37,580 Tutto questo e questo è tutto solo il secondo argomento. 69 00:04:37,620 --> 00:04:40,860 Quindi sembra proprio che questo post up 70 00:04:40,860 --> 00:04:47,430 abbia il login Slash, quindi abbiamo il middleware e poi abbiamo il nostro callback. 71 00:04:47,430 --> 00:04:49,280 Quindi il middleware passa da qui 72 00:04:49,980 --> 00:04:55,860 a lì che è sempre un po 'di confusione quando si mettono le cose su nuove linee. 73 00:04:55,860 --> 00:04:56,520 Ma è molto 74 00:04:56,520 --> 00:05:02,100 meglio che avere una sola linea gigantesca e non un middleware che chiameremo metodo di autenticazione che abbiamo creato qui tanto codice per andare verso l'alto. 75 00:05:02,580 --> 00:05:09,060 Eccoci qui. 76 00:05:09,090 --> 00:05:10,170 Passaporto non utilizzare l'utente della strategia locale o autenticarsi. 77 00:05:10,500 --> 00:05:14,870 Quindi, quando chiamiamo i dati utente, le cose Kate o il 78 00:05:14,880 --> 00:05:22,020 punto del passaporto si autenticano su una strategia locale, useremo il metodo che non abbiamo dovuto scrivere. 79 00:05:22,020 --> 00:05:23,650 È stato dato a noi gratuitamente utilizzando il pacchetto di mangusta locale del passaporto. 80 00:05:23,670 --> 00:05:27,900 poi autentificherà quella password con quello che abbiamo memorizzato nel database per quell'utente. 81 00:05:28,020 --> 00:05:33,390 Ma chiamerà quell'autentica che prenderà la richiesta di password del corpo con il nome utente e 82 00:05:33,570 --> 00:05:37,730 E si prende cura di tutte le complesse logiche di cui non dobbiamo preoccuparci. 83 00:05:37,810 --> 00:05:41,050 E poi, se funziona, reindirizza tali campi se non 84 00:05:41,460 --> 00:05:47,670 funziona reindirizzando per tagliare e poi abbiamo questo Colbeck qui che in realtà non fa nulla. 85 00:05:47,670 --> 00:05:49,670 E possiamo liberarcene se volessimo. 86 00:05:49,670 --> 00:05:51,320 Ma voglio solo lasciarlo lì in modo che tu sappia che questo è un middleware. 87 00:05:51,780 --> 00:05:55,670 OK. 88 00:05:56,070 --> 00:05:56,810 Quindi riavvia il server. 89 00:05:57,030 --> 00:05:59,210 Vediamo cosa succede mi sbarazzerò di questa linea. 90 00:05:59,670 --> 00:06:02,730 Si lamenta di questo. 91 00:06:03,050 --> 00:06:05,330 Eccoci. 92 00:06:05,370 --> 00:06:06,700 Rinnova e colleghiamo lo 93 00:06:07,560 --> 00:06:14,130 stesso account creato l'ultima volta. Severus e la password sono password Accesso Nahit e vado a tagliare i campeggi. 94 00:06:14,280 --> 00:06:19,810 Grande. 95 00:06:19,860 --> 00:06:20,880 Ora torniamo indietro 96 00:06:20,880 --> 00:06:22,430 Reimposterà di nuovo il server e consentirò di provare a leggere qualcosa che so che non funziona. 97 00:06:22,500 --> 00:06:28,240 Speriamo di non avere un account con quella password e torno al modulo 98 00:06:29,070 --> 00:06:34,350 di accesso perché è quello che ho impostato come reindirizzamento dell'errore. 99 00:06:34,350 --> 00:06:36,900 OK, mi permetta di ripeterlo perché è un concetto importante. 100 00:06:37,320 --> 00:06:40,470 Questo è lo stesso passaporto che autentica quello 101 00:06:40,470 --> 00:06:46,050 che stiamo usando invece di registrarci mentre stiamo usando al posto del log. 102 00:06:46,050 --> 00:06:46,710 La differenza è 103 00:06:46,710 --> 00:06:52,500 che invece di registrare stiamo facendo altre cose prima di eseguire l'autenticazione del passaporto, in realtà stiamo registrando l'utente che sta creando un nuovo utente. 104 00:06:52,830 --> 00:06:54,990 che l'utente esista già. 105 00:06:54,990 --> 00:07:02,400 E se poi funziona, stiamo registrando l'utente in versus qui su slash log, si presume 106 00:07:02,400 --> 00:07:03,560 Quindi tutto ciò che facciamo è il passaporto che autentica e che li accederà. 107 00:07:03,570 --> 00:07:07,210 OK, questo è tutto ciò che voglio fare. 108 00:07:07,530 --> 00:07:09,630 Log in log con queste due rotte dopo aver ottenuto il login APT up post log in. 109 00:07:09,900 --> 00:07:14,740 E poi abbiamo anche il modulo qui. 110 00:07:14,940 --> 00:07:16,500 Solo una forma semplice come registro. 111 00:07:16,620 --> 00:07:18,650 L'unica differenza è questa qui dove stiamo inviando il modulo a. 112 00:07:18,660 --> 00:07:22,870 Eccezionale. 113 00:07:23,310 --> 00:07:23,750 Nel prossimo video lavoreremo al logout e anche a rendere la nostra barra NAV un po 'migliore. 114 00:07:23,760 --> 00:07:28,340