Ora che abbiamo visto come possiamo usare APD per ottenere dati da vari siti Web tra cui citazioni o
barzellette o dati meteorologici in tempo reale, è tempo di metterli in pratica e ottenere questi dati da
un'API e quindi utilizzarli all'interno del nostro proprie app Web.
Questo è come apparirà approssimativamente il processo.
Il browser client.
Quindi questo è il nostro utente che digiterà il nostro indirizzo Web nel suo browser, diciamo chrome e che
farà una richiesta al nostro server e che sarà una richiesta GET.
Quindi proverà a ottenere HMRC SS e JavaScript dal nostro server.
Ora a questo punto ciò che accade è che il nostro server dovrebbe restituire tutti quei dati.
HMRC SS e JavaScript e questo è nella risposta, ma per essere in grado di dare
loro quella risposta che include alcuni dati dal server di qualcun altro, dovremo fare una richiesta a
quell'altro server.
E sarà di nuovo una richiesta in modo che ci forniscano una risposta sotto forma dei dati di cui
abbiamo bisogno.
E lo faremo tramite la loro API, quindi attraverso il menu che ci hanno fornito per fare le nostre
richieste dove hanno specificato quali sono le cose che dobbiamo passare come parametri quali percorsi.
Quali coppie di valori-chiave dobbiamo usare per ottenere la risposta e i dati che desideriamo.
Quindi, una volta ottenuti i dati, possiamo tornare indietro e incorporare tali dati nei file che inviamo al
nostro cliente l'utente per il nostro sito Web.
Questa è solo la panoramica di alto livello di ciò che accadrà nel codice che scriveremo.
Ma effettivamente stiamo cercando di creare qualcosa di molto semplice come questo.
Dovremmo essere sul display all'utente la temperatura di un determinato luogo a
cui sono interessati e visualizzare anche un simbolo meteorologico per le condizioni meteorologiche lì.
Quindi qualcosa che sembra un po 'come questo per iniziare, andiamo avanti e creiamo il nostro nuovo progetto
e lo faremo sulla riga di comando usando l'iper-terminale.
Quindi vai avanti e apri hyper e guarda subito sul desktop.
Una volta che sei lì, creerai una directory usando make do.
E lo chiameremo se progetto dopo aver premuto invio vedrai la mia nuova cartella creata all'interno del
mio desktop.
E se qualcosa di tutto ciò ti confonde affatto.
Assicurati di tornare indietro e completare il modulo della riga di comando perché abbiamo
già esaminato tutto questo in dettaglio.
Continuiamo.
Ora andiamo avanti e vediamo nel progetto meteorologico e una volta dentro questa cartella.
Quindi ora siamo qui.
Creerò alcuni nuovi file usando il comando touch.
Quindi ho intenzione di creare un file chiamato Index, che inizia a invecchiarlo e quindi creerò
un altro file chiamato app dot yes.
E ovviamente puoi farlo tutto su una riga semplicemente scrivendo
l'indice touch avvia uno Schimmel e quindi lo spazio
rapisce James. ora il prossimo passo è inizializzare NPM con NPM e semplicemente
invio per tutte le impostazioni predefinite.
Quindi ora puoi vedere che abbiamo creato il nostro pacchetto dot Jason e usando NPM.
Ho intenzione di installare un paio di pacchetti e l'unico modulo che dobbiamo installare in questo momento è il modulo
NPM express.
Quindi premerò Invio e spero che recupererà tutto ciò di cui ho bisogno da Internet, crei
il blocco dei pacchetti e scarichi i moduli del nodo.
E ora sono pronto per aprire il mio progetto meteorologico all'interno di Atom.
Ora che ho Atom aperto, trascinerò il mio progetto meteo sull'intera cartella in Atom.
E ora ho aperto la mia directory qui e posso iniziare a modificare la mia lamiera indice e il mio rapito
J. S..
Quindi questo dovrebbe esserti già abbastanza familiare.
Ora mi concentrerò sul mio apt J. S. file e voglio creare una nuova app nodo per farlo.
Richiederò il modulo Express in modo che credit const possa esprimere per richiedere il mio modulo
express e
quindi creerò contro chiamate app che sta per inizializzare una nuova app express e poi
in fondo farò .
Abdul ascolta e ascolterò sulla porta tremila e aggiungerò la mia funzione di
callback che sta per accedere alla console che il server è in esecuzione sulla porta tremila.
Ora tutto quello che devo fare è aggiungere un punto app.
Quindi cosa dovrebbe succedere quando l'utente tenta di accedere alla mia home page.
Le rotte del percorso.
Beh, è la pubblicità sono la funzione di richiamata req e rez e quindi all'interno della nostra app il punto ottiene tutto quello che
farò per ora è solo usare il punto rosso invia per inviare un po 'di testo.
Diciamo solo che un server è attivo e funzionante.
Quindi ora premiamo save e torniamo al nostro hyper terminal, usa node man per eseguire il nostro rapito J. S. e puoi vedere che questo sta
registrando da qui i server in esecuzione sulla porta tremila e ora possiamo andare all'host locale tremila
e vedere che tutto il server è attivo e funzionante.
Quindi è tutto collegato.
Ora siamo pronti per iniziare.
Ora so che ad alcune persone piace salvare tutta questa piastra da qualche parte e poi copiarla e
incollarla ogni volta che creano un nuovo progetto.
Ma penso che quando inizi a lavorarci per la prima volta è abbastanza bello accumulare un po
'di memoria muscolare e scriverlo ogni volta.
E in questo modo, quando qualcosa cambia, sei in grado di reagire piuttosto che doverlo
eseguire il debug perché l'hai copiato da qualche parte invece di inviare il server è attivo e funzionante.
Preferirei davvero inviare i dati meteorologici attuali per farlo.
Devo in qualche modo effettuare una richiesta al server delle mappe meteorologiche aperto ed essere in grado di recuperare i
dati come Jason e passarli.
Quindi ricevo le informazioni pertinenti.
Come lo facciamo.
Se non sapessimo come fare, probabilmente chiederemo a Google il nostro buon amico.
Invia richieste al server esterno con nodo.
Il primo risultato che torniamo su Stack Overflow punta a un pacchetto chiamato request e nelle vecchie versioni di questo corso
vengono utilizzati per indirizzare gli studenti verso questo modulo perché è davvero bello e
ha un'implementazione davvero semplice.
Ma a partire da gennaio 2020 il modulo di richiesta è ora deprecato, quindi in pratica viene ritirato.
Quindi, se hai già utilizzato la richiesta in uno dei tuoi progetti precedenti, funzionerà comunque, ma per i
nuovi studenti ti consiglio di utilizzare un modulo diverso e se diamo un'occhiata a questo post sul blog di Twilio che in realtà
è venuto come il primo risultato per la nostra ricerca ci sta dicendo che ci sono cinque modi
per farlo e il primo è il modo nativo usando la libreria di nodi standard.
Qualcosa ha chiamato il modulo TTP H e in realtà stanno usando il modulo
H TTP che è la versione sicura, ma in più puoi anche usare il modulo richiesta axioms super agenti o divinità.
Ora tutti questi ultimi quattro sono pacchetti NPM esterni, ma voglio mostrarti come puoi farlo in modo nativo, quindi useremo l'HP
G. nativo P. S. modulo nodo.
Quindi, se lo cerchiamo nella documentazione del nostro nodo, puoi vedere che da qualche parte
qui sotto c'è l'opzione per formare una richiesta get e tutto ciò che dobbiamo fare è prendere il modulo HECS CPS per chiamare
il metodo get su di esso e quindi una volta recuperati i risultati, possiamo registrare il codice di stato o
semplicemente ottenere i dati.
Questo è ciò che useremo nel nostro codice.
Quindi proprio qui in alto creerò un nuovo codice costante H TTP sì e quindi avrò bisogno di
questo modulo H TTP e non è necessario installarlo utilizzando Node perché è uno dei nativi moduli nodo che sono
già raggruppati nel nostro progetto nodo in modo che possiamo semplicemente andare avanti e usarlo all'interno
del mio documento dell'app ottenere prima di inviare i risultati al mio client.
Userò il mio modulo HP CPS e chiamerò il metodo get ora il metodo get avrà bisogno di una U. R. L.
se andiamo in postini dove abbiamo già U pre strutturata R. L. che include tutti i parametri che
abbiamo aggiunto qui.
Assicurati di aver verificato che in realtà funzioni effettivamente recuperando alcuni dati e che
tutto sembra funzionare.
Quindi possiamo copiare l'intera U formattata. R. L. e poi incollalo nel nostro metodo get proprio qui.
Ora la cosa da ricordare a questo proposito è che L è che deve avere la formattazione rigorosa della chiamata ht CPS
sulla barra slash e poi il resto dell'RL perché anche se potremmo prenderlo, sei incollato nel nostro browser e il nostro il browser aggiungerà automaticamente
tutto il necessario ht G. P. S. eccetera.
Non funziona così quando usiamo il nostro modulo nodo dobbiamo avere questa prima parte lì.
Ora puoi semplicemente incollarlo nel tuo browser e quindi selezionarlo e copiarlo.
E ora quando aggiungi questa stringa vedrai che è inclusa automaticamente quella prima parte o potresti
semplicemente aver digitato anche questa.
Non importa davvero perché questo RL è così lungo e non possiamo nemmeno vedere l'inizio e la
fine del nostro metodo get.
Quello che farò è togliere questa stringa dal metodo e usare invece una costante per tenerla.
Quindi chiameremo semplicemente RL e dirai uguale all'intera stringa.
Ora posso semplicemente passare l'URL come primo parametro e quindi posso creare la mia funzione di callback e posso
vedere tutto in una riga.
È geniale.
Ora questa funzione di callback ci restituirà una risposta.
Quindi normalmente quando lo vedi scritto nella documentazione vedrai persone abbreviate in rez ma perché abbiamo già
rack e res qui non voglio avere un altro rez perché è un po
'confuso, quindi vado chiama questo il nome completo la risposta e quando torniamo alla nostra risposta,
tutto ciò che farò è semplicemente registrare questa risposta per vedere se l'intero processo di creazione di un HDP ottiene una richiesta su Internet
a questa U. R. L. dove dovremmo recuperare alcuni dati se
effettivamente funzionano e se effettivamente otteniamo qualcosa in cambio.
Quindi ora premiamo save e aggiorniamo il nostro host locale tremila.
Ora, se andiamo a un iper terminale, puoi vedere che abbiamo recuperato un sacco di dati tra cui il
metodo di richiesta che abbiamo fatto il percorso verso cui le nostre richieste sono andate.
E, soprattutto, il codice di stato che abbiamo ottenuto dal server esterno aperto della mappa meteorologica.
E ne dice duecento, che in sostanza significa un OK, quindi ora che abbiamo tutto funzionante nella prossima lezione, approfondiremo un
po 'di più la nostra risposta e impareremo di più sui codici
di stato e su come per ottenere i dati effettivi da tutto questo casino.
Quindi per tutto questo e altro vedrò nella prossima lezione.