1
00:00:00,690 --> 00:00:05,760
Bentornata in questa lezione, stiamo riprendendo da dove abbiamo interrotto il codice di

2
00:00:05,920 --> 00:00:08,370
autenticazione e aggiungeremo le funzionalità di accesso.

3
00:00:08,550 --> 00:00:14,130
Ciò significa che è necessario aggiungere che per accedere a percorsi uno per il modulo esegue il rendering del modulo

4
00:00:14,130 --> 00:00:16,700
e l'altro che esegue effettivamente la logica di accesso.

5
00:00:17,100 --> 00:00:20,210
E poi abbiamo davvero bisogno di creare il modulo e poi lo testeremo.

6
00:00:20,220 --> 00:00:22,250
Quindi cominciamo dentro.

7
00:00:22,480 --> 00:00:26,420
Sì, aggiungeremo due percorsi e questi due percorsi ancora.

8
00:00:26,460 --> 00:00:29,310
Uno è la richiesta GET e uno è una richiesta POST.

9
00:00:29,310 --> 00:00:33,320
Entrambe saranno aperte come per il registro.

10
00:00:33,870 --> 00:00:37,470
Quindi iniziamo con il modulo e farò un'altra nota qui.

11
00:00:37,470 --> 00:00:45,150
Questi verranno registrati nelle rotte e il primo visualizzerà solo il modulo di

12
00:00:45,180 --> 00:00:57,030
accesso e non sarà possibile ottenere una risposta di richiesta di accesso alla barra e richiameranno e eseguiremo solo il login

13
00:00:57,840 --> 00:01:00,050
di rendering di rez.

14
00:01:00,060 --> 00:01:01,630
Ora creiamo quella forma.

15
00:01:01,680 --> 00:01:10,870
Quindi tocca usa la barra di accesso Ejay e poi apri quella vista su barra di collegamento in quella E. J. Sì.

16
00:01:11,100 --> 00:01:11,850
Grande.

17
00:01:11,970 --> 00:01:18,300
E aggiungiamo semplicemente un buon H-1 che dice di accedere e assicuriamoci di vederlo

18
00:01:18,300 --> 00:01:19,540
quando avvieremo l'app.

19
00:01:20,460 --> 00:01:26,470
Andiamo alla nostra applicazione e andiamo alla barra di accesso e riceverai il modello.

20
00:01:26,680 --> 00:01:32,640
Così ora è Aggiungi nel modulo e questo sarà proprio come il modulo di registrazione, fatta eccezione per una grande

21
00:01:32,730 --> 00:01:34,980
differenza che è dove il modulo si sottomette.

22
00:01:35,010 --> 00:01:38,410
Quindi aggiungeremo l'ultima. Andiamo di nuovo con gli input.

23
00:01:38,460 --> 00:01:47,820
Quindi il tipo equals text sul primo nome equivale a username e placeholder equals username e

24
00:01:47,820 --> 00:01:58,410
quindi lo duplicheremo e qui faremo il tipo equals password name password di nuovo e placeholder sarà password.

25
00:02:00,180 --> 00:02:09,720
E poi aggiungeremo un pulsante R per inviare il modulo e scriveremo semplicemente il log in e quindi dovremo lavorare

26
00:02:09,720 --> 00:02:11,400
sul modulo stesso.

27
00:02:11,400 --> 00:02:18,120
Quindi questo modulo deve inviare una richiesta di posta per tagliare il logon di accesso in quanto un post sarà il nostro altro

28
00:02:18,120 --> 00:02:22,770
percorso che non abbiamo ancora definito, ma è qui che elaboreremo i dati e capiremo se

29
00:02:22,770 --> 00:02:23,720
le credenziali corrispondono.

30
00:02:24,230 --> 00:02:34,950
Quindi impostiamo quello invece di accedere ogni volta che abbiamo azione equivale a slash log in e method è anche

31
00:02:34,950 --> 00:02:35,980
un post.

32
00:02:36,450 --> 00:02:42,690
Quindi questo modulo è in realtà sulla barra di accesso quando riceve il percorso e invia alla barra di accesso come un post.

33
00:02:43,320 --> 00:02:44,580
Ora diamo un'occhiata a questo.

34
00:02:44,850 --> 00:02:47,720
Aggiorna la pagina vediamo il modulo.

35
00:02:47,790 --> 00:02:53,910
Ottimo se proviamo a inoltrarlo in questo momento non abbiamo una barra di accesso come percorso postale e sarà

36
00:02:53,970 --> 00:02:54,790
solo timeout.

37
00:02:55,170 --> 00:03:03,420
Quindi torneremo ora e aggiungeremo il log in post route e questa rotta sarà responsabile della logica di accesso.

38
00:03:04,320 --> 00:03:17,070
della barra delle posizioni in alto, la richiesta di funzione è in risposta e qui abbiamo qualche nuova logica e in realtà non è così nuova perché l'abbiamo già utilizzata qui o

39
00:03:17,070 --> 00:03:22,890
abbiamo il punto del passaporto autenticare il locale Faremo esattamente la stessa cosa eccetto che

40
00:03:23,340 --> 00:03:28,860
c'è un piccola svolta che è che non lo faremo all'interno della richiamata qui.

41
00:03:28,860 --> 00:03:30,110
Quindi, in corrispondenza

42
00:03:30,300 --> 00:03:34,420
In realtà, lo faremo proprio qui come seconda argomentazione.

43
00:03:34,560 --> 00:03:37,260
Quindi lascia che ti mostri prima quello che sembra e poi passa oltre.

44
00:03:37,260 --> 00:03:45,300
Quindi ampliato il log di accesso e quindi aggiungeremo il punto del passaporto autenticato e che prenderà

45
00:03:45,420 --> 00:03:51,970
locale come stringa di virgola e quindi aprendo e chiudendo le parentesi graffe.

46
00:03:52,200 --> 00:03:58,170
E all'interno di quelle parentesi è un oggetto e passeremo in redirect successo.

47
00:03:58,170 --> 00:04:08,520
E questo sarà uno slash segreto e quindi il reindirizzamento dei tentativi di errore sarà di nuovo il login e noi salveremo

48
00:04:08,520 --> 00:04:14,030
e / o le esigenze autenticate per chiudere effettivamente qui intorno.

49
00:04:14,030 --> 00:04:19,950
Quindi prende quei due argomenti passaporto che autenticano locale e poi questo intero oggetto.

50
00:04:20,020 --> 00:04:25,470
Quelli sono parametri che stiamo passando in virgola e quindi questa è la nostra funzione di callback e per il momento non

51
00:04:25,470 --> 00:04:26,940
abbiamo bisogno di mettere nulla qui.

52
00:04:26,970 --> 00:04:28,970
Quindi lasceremo perdere il.

53
00:04:29,040 --> 00:04:31,030
Quindi ora parliamo di quello che abbiamo fatto qui.

54
00:04:31,350 --> 00:04:37,020
Abbiamo già visto l'autenticazione del punto del passaporto, ma non l'abbiamo mai visto utilizzare come questo all'interno del post up

55
00:04:37,230 --> 00:04:39,440
in cui non si trova nella callback stessa.

56
00:04:40,050 --> 00:04:45,290
come middleware e lavoreremo con il middleware e scrivendo il nostro middleware e il prossimo video.

57
00:04:45,300 --> 00:04:46,550
Quindi questo è noto

58
00:04:46,590 --> 00:04:54,630
Ma l'idea del middleware la spiego qui al centro, dove hai detto un codice che viene eseguito prima

59
00:04:54,630 --> 00:04:56,930
della nostra call call finale.

60
00:04:57,270 --> 00:05:02,970
Quando la nostra app riceve una richiesta di posta per disconnettere il log, viene eseguito immediatamente questo codice

61
00:05:02,970 --> 00:05:07,650
e possiamo inserire più middleware in modo da poter avere un'altra cosa che verrà eseguita

62
00:05:07,680 --> 00:05:09,510
dopo l'autenticazione e successivamente un'altra cosa.

63
00:05:09,510 --> 00:05:14,370
E l'idea è che si siedono tra l'inizio del percorso e poi alla fine del percorso che

64
00:05:14,370 --> 00:05:16,270
è il nostro gestore alla fine.

65
00:05:16,590 --> 00:05:18,130
Da qui il nome del middleware.

66
00:05:18,420 --> 00:05:21,260
Quindi di nuovo creeremo il nostro middleware nel prossimo video.

67
00:05:21,420 --> 00:05:27,090
Ma per ora tutto ciò che devi sapere è che questo è chiamato middleware e che richiama il punto del passaporto autenticato.

68
00:05:27,550 --> 00:05:32,340
Ricorda che il punto è che in realtà cerca di piacerti quando lo controlla e

69
00:05:32,350 --> 00:05:33,650
mantiene le tue credenziali.

70
00:05:33,840 --> 00:05:39,080
Quindi prenderà la password e il nome utente che sono nella richiesta all'interno del corpo della richiesta.

71
00:05:39,750 --> 00:05:44,820
utente dal modulo o dal corpo della richiesta e fondamentalmente sta per confrontare la

72
00:05:44,820 --> 00:05:50,580
password che l'utente ha digitato nell'input e confrontarla con quella versione hash pazza nel database .

73
00:05:50,580 --> 00:05:55,950
Non è nemmeno necessario fornire esplicitamente che il passaporto prelevi automaticamente la password del nome

74
00:05:55,950 --> 00:05:58,740
E quindi forniamo un oggetto con due parametri.

75
00:05:58,740 --> 00:06:02,290
Reindirizzamento di successo e reindirizzamento di errori.

76
00:06:02,310 --> 00:06:07,650
Quindi, se funziona, stiamo andando a reindirizzare verso la barra segreta e, se non funziona,

77
00:06:07,650 --> 00:06:10,410
reindirizzare alla barra di registro prima di testarlo.

78
00:06:10,410 --> 00:06:16,470
C'è un'altra linea di codice che abbiamo bisogno di configurare il passaporto con così in alto

79
00:06:16,490 --> 00:06:25,860
dove abbiamo fatto il passaporto che serializza e serializza l'utente andando ad aggiungerne un altro nel passaporto usa una nuova strategia locale che è ciò

80
00:06:25,860 --> 00:06:27,370
che abbiamo importato qui.

81
00:06:27,480 --> 00:06:28,710
Supporto locale.

82
00:06:28,710 --> 00:06:30,490
L'abbiamo salvato nella strategia locale.

83
00:06:30,990 --> 00:06:41,710
Quindi torna a quella nuova strategia locale e poi tra parentesi il punto utente autentica e salva.

84
00:06:41,790 --> 00:06:46,620
Quindi stiamo creando una nuova strategia locale utilizzando l'utente che autentica il metodo.

85
00:06:46,770 --> 00:06:53,130
Ciò viene dai monger locali di Passport quindi non dobbiamo nemmeno scrivere il metodo di

86
00:06:53,160 --> 00:06:53,680
autenticazione.

87
00:06:53,850 --> 00:07:00,270
Questo ci viene dato e quindi stiamo solo dicendo al passaporto che la strategia locale usa quella versione di

88
00:07:00,280 --> 00:07:01,440
dati utente autenticata.

89
00:07:01,800 --> 00:07:06,400
OK, quindi ora che abbiamo impostato il nostro autenticazione dovrebbe funzionare.

90
00:07:06,470 --> 00:07:08,450
Quindi facciamo un tentativo.

91
00:07:08,580 --> 00:07:10,480
No in realtà sì.

92
00:07:10,570 --> 00:07:16,350
E iniziamo cercando di registrarti o di accedere con un account che sappiamo non funziona.

93
00:07:16,350 --> 00:07:21,860
Accedi e ti riporta alla pagina di accesso e questo è quello che avevamo impostato qui.

94
00:07:22,380 --> 00:07:24,900
Errore reindirizzare l'accesso alla barra.

95
00:07:25,140 --> 00:07:27,250
Ora accedi con un account che

96
00:07:30,720 --> 00:07:33,650
conosco e questa volta mi porta alla pagina segreta.

97
00:07:34,260 --> 00:07:35,890
Quindi ora abbiamo il log in working.

98
00:07:36,120 --> 00:07:37,380
Non abbiamo ancora l'accesso.

99
00:07:37,500 --> 00:07:43,470
Abbiamo effettuato l'accesso lavorando così posso registrarmi usando il registro e poi possono anche accedere.

100
00:07:43,530 --> 00:07:48,510
Abbiamo una forma come Register aveva una route form e quindi abbiamo una route per

101
00:07:48,510 --> 00:07:54,930
autenticare effettivamente l'autenticazione e poi abbiamo parlato di middleware che è l'idea di avere un codice che corre tra l'inizio

102
00:07:54,930 --> 00:08:01,200
di un percorso e la fine finale di quel gestore di route nel prossimo e ultimo video di questa

103
00:08:01,520 --> 00:08:04,770
serie implementerà la disconnessione e creeremo anche il nostro middleware