Bentornato in questo, sai che ci stiamo concentrando sull'autenticazione degli utenti in cui inizi per brevità.
Nella mia esperienza di autori qualcosa di cui gli studenti sono davvero entusiasti di conoscere perché pensano
che renda le sue app legittime e le faccia sentire reali e utilizzabili.
Se riesci a registrarti, puoi accedere e puoi uscire.
Quindi è una cosa divertente ed eccitante da insegnare.
Ma la verità è che è anche una cosa molto difficile da insegnare perché l'autenticazione è piuttosto complicata.
Ci sono molti pezzi mobili che devono adattarsi perfettamente nel modo giusto per farlo funzionare.
Un sacco di grandi concetti.
E onestamente è un sacco di codice per farlo funzionare.
Fortunatamente per noi ci sono molti ottimi strumenti che ci aiutano a implementare l'autenticazione in modo
rapido e sicuro.
Ora spiega cosa intendo in modo sicuro più avanti in questo video.
Prima di immergermi nello spiegare gli strumenti e il flusso di lavoro dell'autenticazione, voglio passare un po
'di tempo a darti un'idea del mio processo di pensiero dietro l'insegnamento dell'arte.
È uno di quegli argomenti che ho trascorso molto tempo ad insegnarlo ma anche a insegnarlo
in molti modi diversi.
Quando insegni all'autenticazione utente, c'è una scelta che devi fare.
E per me quella scelta sarebbe stata quella di insegnare l'autenticazione da zero senza usare alcuno strumento e
facendo in modo che gli studenti si concentrassero sui dettagli di ogni concetto importante e ci sarebbero
volute cinque ore.
Potrebbe essere un sacco di lezioni un sacco di video.
Potremmo finire per perdere alcuni studenti, ma faremo in modo che tutti capiscano
come funziona l'autenticazione.
a questo problema di è più importante per gli studenti avere una profonda comprensione di come le cose lavoro.
O usiamo alcuni degli strumenti esistenti là fuori strumenti che ci aiutano ad aggiungere l'autenticazione dell'utente più velocemente e
con meno linee di codice e tutto si riduce
È questa la priorità o è una priorità avere gli studenti a fare le cose velocemente.
Quindi riguarda la comprensione concettuale e la profondità della conoscenza o si tratta di fare cose.
Ovviamente in un mondo ideale vorremmo entrambi.
Vogliamo che tutti capiscano i dettagli di tutto ciò che insegniamo e vogliamo che gli studenti abbiano
un sacco di conoscenze pratiche e siano in grado di fare le cose rapidamente.
comprensione di ogni concetto e di come tutto funzionasse e si integrasse prima ancora di implementare qualsiasi cosa.
In passato ho provato entrambi gli approcci per insegnare dove ho iniziato cercando di dare agli
studenti una profonda
E poi ho anche fatto il contrario, dove proviamo e facciamo funzionare alcune cose per
poi tornare e parlare di come funziona.
E ho passato ancora più tempo a pensare a come vogliamo avvicinarci in questo video corso.
Ho registrato questa lezione troppe volte in cui ho rielaborato tutto il codice riscritto.
È uno che voglio ottenere giusto perché è davvero importante e uno che molti studenti non
vedono l'ora di fare.
Quindi, quello che ho deciso di fare è di avere due unità in questa prima unità sull'autenticazione che
stai attualmente guardando.
Inizierò offrendoti una panoramica molto rapida.
Non del tutto approfondito, ma solo una rapida panoramica di come funziona l'autenticazione.
E poi useremo questi strumenti di cui ho parlato per semplificare le nostre vite e rendere il
codice più breve.
Li useremo subito.
E l'obiettivo è solo creare qualcosa che abbia sia un'occasione che una delle unità opzionali.
Alla fine di questo corso ci sarà un vero e proprio tuffo nell'autenticazione in cui implementeremo realmente la nostra
autenticazione utente da zero dove non useremo nessuno degli strumenti e ora vi
mostrerò l'obiettivo è fare in modo che il meglio dei due mondi inizi a creare qualcosa.
E non mi dilungherò su tutti i concetti, ma non ho intenzione di spenderti per un'ora, oltre a
parlare di come funzionano le cose.
Bene, ora che abbiamo tolto di mezzo questa grande discussione ideologica qui
voglio introdurre gli strumenti che useremo, quindi useremo qualcosa chiamato passaporto.
Sì.
E non lo usiamo solo perché è qualcosa che renderà la nostra vita più semplice rendendo più breve il
nostro codice rendendo più veloce questa implementazione.
Ma è anche qualcosa che viene usato molto nel mondo reale.
Molte e molte applicazioni usano il passaporto J. S. per implementare la loro autenticazione.
Quindi lascia che ti mostri la home page qui.
Questo è Passport Chaiya balbettato e vedere la piccola tagline dice che l'autenticazione semplice e discreta per
nessun passaporto J è il middleware di autenticazione per il nodo estremamente flessibile e il passaporto modulare può
essere nascosto in modo discreto in qualsiasi applicazione web basata su espresso.
Una serie completa di strategie supporta l'autenticazione utilizzando un nome utente e una password Facebook Twitter
e altro ancora.
E poi puoi vedere quaggiù in realtà più di 300 diverse strategie.
Quindi la strategia è riferita a diversi tipi di autenticazione diversi modi di autenticare le persone sia
che si tratti di avere l'utente di digitare un'e-mail e una password di autenticazione tradizionale o se attraverso
un servizio come Facebook o Twitter che probabilmente avete visto prima su un sito o su un applicazione
in cui ti chiede di accedere tramite Google o Twitter o Facebook.
e possiamo cercare tra di loro in modo che ci siano cose come Fitbit che puoi accedere tramite Fitbit.
E ce ne sono molte di più che possiamo effettivamente visualizzare tutti
Abbiamo Spotify Reddit tumblr Google plus.
Ma di gran lunga i più popolari saranno Facebook Twitter e Google.
E poi anche ciò che è noto come autenticazione locale, che è ciò che inizieremo qui, che
è solo nome utente o email e password.
OK.
Questo è lo strumento di base che utilizzeremo il passaporto.
Sì, sarà di grande aiuto nella nostra implementazione dell'utente.
Ma useremo anche un altro pacchetto chiamato Passport local che ho qui.
E questo è uno di quegli schemi o strategie per l'autenticazione.
Quindi c'è un passaporto Facebook un passaporto Twitter passaporto Google e passaporto locale e oltre 300 strategie diverse passaporto
locale è per username e password che è quello che faremo per iniziare.
Ma il bello del passaporto è che più avanti in questo corso possiamo andare e aggiungere Facebook o
Twitter e possiamo mantenere locale e possiamo avere tre 5 10 modi diversi di accedere alla nostra app.
Di solito vuoi mantenerlo abbastanza limitato ma possiamo averne quante ne vuoi usando Passport e
nominare il passaporto.
Si tratta di fornire questo punto di ingresso in tutti i tipi di destinazioni.
OK e c'è un altro pacchetto che useremo che si chiama mangusta locale Passport.
Quindi ho l'hub get aperto per quello e il passaporto locale Mongoose è un altro pacchetto che ci
aiuterà solo ad implementare l'autenticazione con il passaporto ed è fatto apposta per funzionare con mangusta.
Quindi non dobbiamo usarlo.
Potremmo farla franca solo usando Passport localmente il passaporto locale Mongoose ci aiuterà a renderlo
ancora più veloce e renderlo più semplice per noi.
nella sezione opzionale da zero, creeremo arte da zero senza nessuno di questi strumenti.
E poi, naturalmente,
OK.
Quindi quelli sono i tre strumenti principali.
Ora ti darò una breve demo di ciò che faremo in anticipo e ti avvertirò
che non è molto eccitante visivamente.
Non l'ho affatto stile.
Ma ti aggiungeremo Seraph al tuo campo e lo modificheremo.
Ma per ora questa è l'implementazione di barebone che voglio mostrarti.
Quindi abbiamo iniziato su questa home page e abbiamo tre pulsanti.
Accedi al registro e fai il logout e troverai una segreta barra segreta che puoi vedere solo se sei
loggato.
Quindi se provo ad andare lì adesso non sono loggato e mi riporta indietro a tagliare un log in e mi
mostra il log in form quindi mi registrerò e ti mostrerò che possiamo andare a la pagina segreta.
Quindi userò il nome arrugginito quattro o cinque sei e la password sarà solo la password e poi mi iscriverò.
E mi serve per tagliare il segreto che ora posso visitare.
foto terribilmente imbarazzante dalla mia cella dal mio settimo o ottavo anno quando ho avuto il mio primo laptop.
E sulla pagina segreta ho una
Semplicemente terribile.
Quindi questo è il segreto segreto della barra per una ragione, ovviamente.
E ora se vado a disconnettermi non riesco più a fare lo slash segreto, mi reindirizza per tagliare l'accesso e posso
anche accedere qui.
Quindi userò Rusti quattro cinque sei con la password corretta, che è solo una password e mi
iscrivo o effettuo l'accesso e mi riporta indietro a tale segreto e posso andare alla home page e tornare alla
barra segreta perché rimango connesso.
Quindi il modo in cui funziona il concetto chiave che tutto gira intorno è qualcosa chiamato sessioni.
Darò un breve riassunto di quali sessioni sono.
Fondamentalmente si suppone che il GTP sia un protocollo stateless, il che significa che quando si inviano
richieste tali richieste sono una tantum e non contengono informazioni sulla cronologia o sulle richieste
precedenti effettuate.
Non sono collegati tra loro.
Una richiesta non ha uno stato è solo una transazione unica che renderebbe davvero difficile implementare
l'utente perché voglio essere in grado di rimanere connesso.
Voglio che il server sappia che Rustie 4 o 5 6 è ancora loggato e il modo in cui lo
facciamo è usando le sessioni e quali sessioni faranno.
Sono solo un modo per rendere HTP non apolidi.
C'è un modo per fornire lo stato, quindi quando ogni richiesta che faccio su questa app quando sono
connesso quando qualcuno ha effettuato l'accesso c'è un po 'di informazioni su quell'utente che viene salvato in quella richiesta
che viene inviata al server ed è non in realtà la password utente dell'intero nome utente.
Ma è un po 'di informazioni ed è codificato ed è fondamentalmente fatto per essere un segreto.
codice o non criptato e userà quell'informazione per dire se qualcuno è loggato o meno.
E poi arriva al mio server e poi il passaporto lo vedrà e sarà tradotto in qualcosa che
capisce fondamentalmente crack il
Quindi questo avrà più senso una volta aggiunta l'implementazione.
Ma il concetto chiave è che le sessioni ci permettono di avere uno stato nelle nostre richieste HTP.
Quindi posso inviare dati.
Posso tornare alla home page, ma sa ancora che ho effettuato l'accesso come Rustie 4 5 6
e posso tornare al segreto senza problemi.
inviando un piccolo frammento di informazione che dice che questo è Rustie quattro cinque sei che hanno effettuato l'accesso.
E questo perché ogni volta che faccio una richiesta, sto
E poi, appena esco, quella informazione è sparita.
Così ora, quando vado al taglio segreto, ho una logica che dice che se non ci sono utenti nella sessione, allora
non lasciare che quella persona vada in segreto.
Reindirli per tagliare l'accesso.
OK.
Quindi esamineremo tutto ciò più in dettaglio nel prossimo video quando creeremo
questa semplice applicazione e implementeremo le sessioni per ottenere aiuto con le nostre sessioni.
Utilizzeremo un pacchetto chiamato Express session che vedremo anche nel prossimo video.
OK, questo è tutto ciò che voglio presentare per ora.
Quindi utilizzeremo Passport J come schema locale insieme al modulo o pacchetto di manguste locali del passaporto che ci
aiuterà a implementare l'autenticazione dell'utente in modo abbastanza rapido e relativamente indolore e lo faremo
nel prossimo video in un semplice app
E poi, una volta che avremo funzionato, torneremo al campo e implementeremo l'autenticazione utente lì.
Va bene, vedrò nel prossimo video