‫Narratore: Creiamo ora una configurazione Postman più avanzata, per rendere la
‫nostra vita un po' più semplice quando
‫lavoriamo con questo strumento.
‫Quindi, qui a
‫Postman, il primo concetto che
‫voglio mostrarvi è il concetto di ambiente.
‫Quindi, forse hai notato che quassù
‫dice nessun ambiente, giusto?
‫E questo perché,
‫beh, a questo punto non abbiamo creato nessun ambiente.
‫Va bene.
‫E quindi, in pratica, un ambiente è come un contesto in cui è
‫in esecuzione la nostra app.
‫E possiamo quindi specificare un paio di variabili per
‫ciascuno di questi ambienti.
‫E i due che hanno più senso
‫sono, proprio come abbiamo nella nostra
‫applicazione express, l'ambiente di sviluppo e di produzione.
‫Quindi, iniziamo aggiungendo il nostro primo, il nostro ambiente qui.
‫OK.
‫E lo chiamerò una profondità e poi naters, quindi il
‫nome della nostra applicazione.
‫OK.
‫E quindi la variabile che creerò qui si
‫chiama URL.
‫Perché questa è la
‫cosa più importante che voglio cambiare da un ambiente all'altro.
‫Quindi, in fase di sviluppo, avremo un URL, e
‫poi in produzione, ne avremo un altro.
‫Destra.
‫Quindi, ora impostiamo l'URL
‫qui su http 127001, che
‫sta
‫per localhost.
‫Quindi, porta 3000 e,
‫penso che sia effettivamente così.
‫Quindi, questo è il valore iniziale della nostra variabile URL.
‫OK.
‫Quindi, ora aggiungiamo
‫E, proprio così, abbiamo il nostro nuovo ambiente di profondità.
‫Possiamo quindi aggiungerne uno anche per la produzione.
‫Ma proprio qui non abbiamo ancora un
‫URL.
‫Quindi, questo ha semplicemente detto Naters punto io,
‫che non esiste.
‫OK.
‫Ma questo è semplicemente, diciamo, un segnaposto.
‫Va bene?
‫OK.
‫Quindi, ora andiamo avanti e
‫usiamo questa variabile d'ambiente che abbiamo appena creato.
‫Quindi, ricorda, si chiama URL.
‫E quindi ora, quello
‫che voglio fare è andare avanti e sostituire questo URL qui
‫quindi, questo qui, con la variabile che abbiamo appena creato.
‫E lo facciamo usando le parentesi graffe, il nome
‫della variabile e poi
‫di nuovo le parentesi graffe.
‫Va bene.
‫E, quindi, questo sarà sostanzialmente ora
‫sostituito con la variabile proveniente dal nostro ambiente.
‫Ora, quando ci passiamo sopra, possiamo vedere
‫che è irrisolto, ma è perché non abbiamo
‫ancora scelto il nostro ambiente.
‫Quindi, dobbiamo venire a questo
‫menu qui e poi selezioniamo la profondità per Naters.
‫E, quindi, se ci passiamo sopra ora,
‫vedrai che in realtà è la variabile che abbiamo appena definito prima.
‫OK.
‫Quindi, se proviamo a inviare una
‫richiesta ora, ovviamente otteniamo la risposta corretta proprio come facevamo prima.
‫OK.
‫E quindi spero che tu possa vedere quanto sarà utile
‫in seguito, quando saremo in produzione.
‫Perché, se non avessimo queste variabili di ambiente,
‫in seguito, quando vorremmo passare al test
‫di questa API
‫in produzione, dovremmo andare
‫avanti e modificare manualmente tutti questi URL in tutte le richieste.
‫E, per ora, non ne abbiamo così tanti.
‫Ma immagina di avere 30 o 50 o 100
‫richieste e quindi dovremmo modificare manualmente questi URL
‫in tutti loro.
‫E non sarebbe affatto divertente.
‫E così ora lo faremo una volta
‫e poi sarà fatto per il
‫resto dello sviluppo del progetto.
‫Destra?
‫Quindi, se passiamo ora alla produzione, ad
‫esempio, allora, beh, qui avremmo Naters dot io
‫e poi API v1 e tour.
‫Va bene.
‫Quindi, ora andiamo avanti e copiamo questo
‫e incolliamo effettivamente in tutti questi.
‫Quindi, ovviamente, dobbiamo farlo una volta adesso.
‫Ma ancora una volta, è meglio farlo ora
‫che non abbiamo ancora così tanti punti finali qui, piuttosto
‫che farlo in seguito.
‫Quindi, salva questo.
‫Salva questo di nuovo.
‫In realtà, liberiamoci di questa proprietà.
‫Quindi, risparmia.
‫Salva.
‫E salva anche questo.
‫Quindi, lo farò in tutti loro ora.
‫OK, solo molto velocemente.
‫E questi due ce l'hanno già.
‫Va bene.
‫Quindi, ottieni tutti i tour.
‫Ottieni tour no.
‫Va bene, salva.
‫E, in realtà, possiamo premere Command-S, proprio
‫come in qualsiasi altra app.
‫E poi Command-W per chiudere la scheda.
‫OK.
‫Quindi, proprio come in Google
‫Chrome, ad esempio.
‫Quindi, Comando-Salva, Comando-S e
‫poi Comando-W.
‫Quindi, solo per renderlo un po'
‫più veloce, e ora abbiamo quasi finito.
‫E questo è tutto.
‫OK.
‫E così, proprio in questo modo,
‫abbiamo praticamente reso lo sviluppo delle nostre API a prova di futuro qui con Postman.
‫Successivamente, ricorda come nell'ultima lezione
‫ho detto che avrei automatizzato sostanzialmente il
‫processo di copia di questo token qui.
‫E poi incollarlo proprio qui in questa semplice intestazione.
‫Va bene.
‫E quindi facciamolo davvero.
‫E, per questo, dovremo effettivamente scrivere
‫un po' di codice.
‫Ma questo non è affatto un problema.
‫Quindi, facciamolo.
‫E, registrati e poi accedi.
‫Perché questi sono
‫i due posti, quindi
‫i due endpoint da cui riceveremo un token web json, giusto?
‫Quindi, veniamo qui alla scheda
‫di prova, che non abbiamo ancora utilizzato.
‫E quindi qui imposteremo a livello di
‫codice una variabile di ambiente.
‫OK.
‫Quindi, abbiamo creato variabili d'ambiente
‫prima di utilizzare questo dialogo qui, ok?
‫Ma, ora qui con il codice, creeremo
‫fondamentalmente anche una variabile di ambiente a livello di codice.
‫E ne creeremo uno per il token
‫web json che riceviamo nella richiesta.
‫OK.
‫E quindi, in pratica, tutto ciò che dobbiamo fare
‫è usare i frammenti che abbiamo qui.
‫Va bene.
‫Quindi, in questo caso, vogliamo impostare una variabile
‫d'ambiente e, quindi, facciamo clic qui.
‫E, in effetti, otteniamo questo codice pre-scritto per noi qui.
‫OK.
‫Questo è fondamentalmente solo un
‫JavaScript a cui possiamo accedere qui in Postman.
‫Quindi, PM, che probabilmente sta per Postman,
‫dot environment, che è l'ambiente attuale.
‫E, poi, impostare.
‫Quindi, imposta la variabile chiamata JWT.
‫E poi, ovviamente, il valore di questo.
‫E dov'è questo valore?
‫Bene, è in PM dot response dot
‫json.
‫Quindi, in pratica, per convertirlo in json.
‫E poi token punto.
‫E qui è un token
‫punto, ovviamente, perché questo è il nome della
‫nostra proprietà nell'oggetto risposta.
‫OK.
‫Quindi, in pratica, questo codice qui ottiene
‫la risposta per noi e, quindi, lì possiamo scrivere la proprietà del
‫token punto e quindi assegnare alla variabile di ambiente JWT.
‫OK.
‫E così
‫ora abbiamo un test attivo qui, ecco perché otteniamo
‫questo punto blu o uno
‫verde, forse, (ride) e quindi ora proviamolo.
‫Quindi, iscriviamoci con un nuovo utente.
‫Lo chiamo utente di prova.
‫Dobbiamo eliminare questa virgola.
‫E ora mandiamolo.
‫E non siamo riusciti a ottenere alcuna risposta.
‫E questo perché ho naters punto io qui.
‫Quindi, sono nell'ambiente sbagliato.
‫Quindi, ovviamente, vogliamo essere in fase di sviluppo.
‫Quindi, invialo di nuovo.
‫E, quindi, qui davvero, otteniamo il nostro token.
‫E quindi ora controlliamo se è anche nel
‫nostro ambiente.
‫Quindi, per questo, veniamo qui.
‫Def, naters, e in effetti, qui ora otteniamo JWT
‫e poi questo token che abbiamo anche quaggiù.
‫OK.
‫Quella variabile token che
‫abbiamo qui dovrebbe essere esattamente la stessa di quella qui sotto.
‫Quindi, Postman l'ha preso da
‫qui e poi l'ha pubblicato come questa nuova variabile d'ambiente.
‫OK.
‫Quindi, questo è il primo passo e il secondo
‫passo è andare ora su uno dei nostri percorsi protetti,
‫che, in questo caso, è solo questo.
‫E poi qui possiamo effettivamente eliminarlo del
‫tutto.
‫Quindi, da questa parte,
‫ok.
‫Quindi, liberati di tutto questo.
‫E poi
‫qui abbiamo, come forse
‫hai visto, una scheda di autorizzazione.
‫OK.
‫Quindi, qui possiamo ora specificare
‫il tipo di autorizzazione.
‫E vedete tutte queste differenze
‫qui, ma sceglieremo il token del portatore.
‫OK.
‫Quindi, proprio
‫come abbiamo specificato Bearer nel
‫nostro token, anche qui dobbiamo nominare Bearer.
‫OK.
‫Quindi, token al portatore.
‫E ora tutto ciò che dobbiamo fare è specificare il token.
‫E, ricordi come lo facciamo?
‫Beh, in realtà esattamente come abbiamo fatto quassù.
‫Quindi, parentesi graffe, parentesi
‫graffe, JWT, e poi chiudilo.
‫Quindi, diventa arancione e
‫ciò significa che ora dovrebbe funzionare.
‫E ora proviamo questo.
‫E, bam, ci siamo.
‫Quindi, abbiamo davvero avuto accesso ai dati, il che significa
‫che il token è stato inviato con successo.
‫Va bene.
‫E possiamo effettivamente vederlo
‫qui nelle intestazioni.
‫Quindi, ora ha automaticamente precompilato questa
‫intestazione per noi.
‫Quindi, abbiamo l'autorizzazione dove abbiamo Bearer e tutta
‫questa roba buona qui.
‫E, in realtà, ora ha
‫anche messo tutta questa roba qui per noi.
‫OK.
‫Quindi, in realtà, questo è esattamente ciò che abbiamo
‫visto prima quando abbiamo visualizzato in anteprima l'oggetto delle intestazioni dei punti
‫di richiesta in express.
‫Ricordati che?
‫OK.
‫Vedete qui che in realtà è
‫solo generato temporaneamente.
‫Quindi solo così abbiamo un'anteprima.
‫Va bene.
‫E, quindi, è proprio così.
‫Questo rende la nostra vita
‫molto più semplice quando lavoriamo qui con l'autenticazione.
‫Perché, ogni volta che vogliamo aggiungere
‫una nuova
‫route protetta, tutto ciò che dobbiamo
‫fare è venire qui nella scheda di autorizzazione
‫e quindi aggiungere questa variabile
‫qui e specificare che
‫stiamo lavorando con un token Bearer.
‫Va bene.
‫E, in realtà, ho appena realizzato che
‫non lo siamo ancora.
‫Perché abbiamo questo qui in registrazione, quindi,
‫questo test.
‫Ma, ovviamente, ne abbiamo bisogno anche in login.
‫Quindi, questo è
‫l'altro posto da cui possiamo ottenere un nuovo, nuovo token.
‫Destra?
‫Quindi, copiamo questo, salviamo questo,
‫salviamo
‫anche questo e,
‫quindi qui al login,
‫lo pubblichiamo qui.
‫Salvarlo.
‫E non ho
‫nemmeno bisogno di provarlo perché, beh, dovrebbe funzionare
‫proprio come con la registrazione.
‫Va bene.
‫OK.
‫Questo è
‫stato molto importante per noi per
‫andare avanti e per rendere la nostra vita un po'
‫più facile quando lavori con
‫Postman per lo sviluppo delle tue API.