OK tornerà.
Quindi questa lezione è una che sono piuttosto entusiasta di fare.
Spero che ti piaccia.
Scriveremo la nostra prima app express prima di farlo davvero.
Voglio prendere 30 secondi.
Sarà molto breve, lo prometto.
Basta esaminare due importanti argomenti su come funziona un'app esistente, quindi l'app per cani che ho già mostrato
e le basi del ciclo di vita della richiesta di richiesta HTP.
OK, iniziamo.
Inizierò parlando delle richieste e delle risposte HTP.
Quindi ricorda quando vado a un punto come Google dot com e premo Invio. Sto chiedendo una pagina web
che invio una richiesta HDTV e quella richiesta ha un particolare verbo o tipo.
È una richiesta GET o una richiesta POST o alcune delle altre che non abbiamo ancora visto.
E poi potenzialmente invierò alcuni dati insieme alla richiesta e al server che riceve la mia richiesta
il server che sto richiedendo a Google ha qualche codice che decide quale pagina rimandare indietro.
pagina di accesso di Google o la pagina G-mail o una pagina dice che la mia password non è corretta qualunque essa sia.
Quindi mi invia quella home page di Google o forse mi invia la
Il server sta decidendo cosa inviare indietro.
E poi risponde con una risposta.
Così mando un codice lato server di richiesta per capire cosa sto chiedendo e poi fa un po 'di
cose e quindi inviare un feedback una risposta che è fondamentalmente ciò che useremo per fare Express.
Quindi ho questa app demo per cani che potresti ricordare.
È davvero molto dimenticabile.
app che ha un database al quale ci siamo connessi e un utente può visualizzare tutti i cani nel database.
Solo una semplice
Ogni cane ha solo un nome e una razza completamente inutili.
Ma è bello e semplice e penso che sia una buona illustrazione di come funziona Express.
Quindi abbiamo del codice qui.
Cose come richiedere Express e richiedere un database.
Ma la cosa più importante sono questi tre blocchi e questi sono chiamati wraps e scriveremo i
nostri percorsi e solo pochi minuti o il codice che è responsabile per ascoltare e ricevere quelle
richieste di cui ho parlato e poi decidere cosa inviare indietro .
Quindi in questo caso abbiamo codice che sta ascoltando una richiesta alla home page solo per barrare quindi abbiamo del codice che
sta ascoltando una richiesta get per tagliare i cani e abbiamo qualche altro codice che sta ascoltando
per una richiesta di post su slash creare cani e quindi all'interno dei percorsi stiamo eseguendo del codice.
In questo caso stiamo solo visualizzando la home page.
Quindi questo risponderà con i contenuti della nostra home page che è un altro file da qualche altra parte
in questo.
Quando qualcuno chiede cani tagliati come richiesta get, troviamo tutti i cani e poi rendiamo la pagina dei
cani e inviamo tutti i dati per i cani.
Insieme a quello.
E quando qualcuno crea un cane, inviamo una richiesta per creare un cane.
Aggiungiamo un cane al database e poi li reindirizziamo alla pagina del cane dove possono vedere
tutti i cani.
Quindi non lasciarti intimidire dalla sintassi e tutti i diversi pezzi introdurranno questo un
poco alla volta.
Ma la prima cosa da cui tutto parte da questa idea di una rotta e
le rotte sono solo bit di codice che eseguiranno qualche altro codice a seconda della richiesta ricevuta sul nostro server.
Quindi questo mi porta al prossimo punto che sta avviando il nostro server.
Quindi dobbiamo eseguire il file che è chiamato apt.
Sì, nodo apt.
Sì, proprio così.
E poi deve andare.
In questo caso alla porta 3000 che sarà effettivamente diversa per noi nel cloud 9.
Ma se vado su Port 3000 e mi rinfresco, ricevo la home page perché ho fatto una richiesta di slash e c'è del
codice che quando faccio una richiesta di slash mi manda la home page.
La stessa cosa se vado a tagliare i cani c'è un altro pezzetto di codice che sta ascoltando una richiesta come richiesta
get per tagliare i dug e mi rimanda tutti i cani indietro.
E poi finalmente posso fare un nuovo cane e premere invio e che invia una richiesta di posta per creare un cane.
E questo codice è sbagliato.
Tutto ok.
Quindi questo è tutto ciò che volevo esaminare prima di passare alla scrittura del nostro codice.
L'unico grande da asporto di tutto questo se hai appena dormito completamente, l'unico grande da asporto è che i
percorsi sono importanti.
Rasner come ascoltiamo richieste particolari e poi eseguiamo qualche altro codice a seconda delle
richieste che otteniamo.
OK, quindi ora è il momento che stavi aspettando.
Spero che tu stia aspettando questo.
Andremo avanti e creeremo la nostra prima app express, quindi tornerò al cloud nine
e creerò una nuova directory.
La chiamerò prima app Express e CD e poi creerò una nuova app di
file sì, quindi apriremo la sessione e inizieremo a registrare la nostra app Express.
Andremo qui e salveremo e basta eseguirlo.
E va bene abbiamo il nostro log della console.
Quindi ora quello che dobbiamo fare è installare Express e se torno alle banchine Express puoi vedere che
eseguiamo NPM install express e ho menzionato nell'ultimo video che stavamo per parlare di dash dash
save in questo video e lo terremo fino alla fine.
Non fa alcuna differenza nella funzionalità di Express.
Quindi lo lasceremo fino a dopo nel video.
dei moduli di nodo, ma se eseguiamo l'installazione di NPM Express, prenderò un momento.
Quindi vogliamo installare Express e se digitiamo LS Naturalmente non esiste ancora una directory
Questo è sicuramente un download più grande rispetto alle altre cose che abbiamo installato finora.
Ora ho una directory dei moduli di nodo LS sicura o aggiorno veramente il mio albero dei file.
Non vedi moduli che ho espresso e invece di moduli di nodo ci sono molte directory.
Un sacco di file e questa è tutta la logica di tutto il codice che rende il framework che
non dobbiamo scrivere noi stessi.
Quindi chiudiamo fuori da quello.
la prossima cosa che dobbiamo fare è ovviamente espressa nella nostra applicazione, quindi faremo molto.
E
Express equo richiedono express proprio così.
E questo importerà quindi il modulo express.
Ma a differenza delle precedenti librerie o pacchetti che abbiamo visto come Cat me dove abbiamo detto var Cat me equals
richiede Cat me e quindi per usarlo tutto quello che dovevamo fare era dire Cat me.
In questo caso Cat me ha solo una cosa che fa una semplice funzione, proprio come le battute
knock knock aveva solo una funzione.
Well Express ha molti e diversi metodi, quindi non possiamo semplicemente eseguire express in questo modo.
Per usarlo anche se lo eseguiremo e lo salveremo su una variabile che la maggior parte delle persone chiama app.
Quindi var express equals richiede express che include solo tutti i contenuti di questa directory express e quindi lo
eseguiamo e lo salviamo in una variabile denominata app che tutto ciò che
facciamo con Express sarà dot e quindi qualche metodo espresso con.
Ora che abbiamo installato e inizializzato, è sempre una buona idea assicurarsi
che funzioni.
Quindi proviamo ad eseguire le app di nodo.
Sì.
Niente dovrebbe accadere finché non si ottiene un errore.
Ciò significa che siamo a posto.
Ora definiremo la nostra prima via.
Faremo un'applicazione molto semplice.
Quando vai a tagliare, otterrai un messaggio che dice ciao.
E quando vai a fare un addio o compri semplicemente, riceverai un messaggio che dice addio.
E poi ne fai anche un'altra che è quando vai a tagliare il cane e ricevi un messaggio che dice miagolare.
possiamo fare una richiesta e possiamo ottenere tre risposte diverse a seconda di dove richiediamo.
Quindi tre diversi percorsi in tre luoghi diversi
Quindi la sintassi per definire un percorso sembra così.
Inizieremo con questo primo.
L'alto lì e scriviamo app dot ottiene un'app per ottenere prende due diversi parametri.
Il primo è l'euro o il percorso che è slash.
In questo caso, perché stiamo cercando di creare un percorso quando un utente fa una
richiesta get che è ciò che ottengono qui significa che vedremo post apt up in un secondo momento e anche aggiornare i lead e patch e mettere
alcuni degli altri verbi HTP.
Ma ottenere i messaggi è il più comune.
Così apt si ottiene quando si ottengono le richieste fatte alla barra che viene anche chiamata il percorso root o solo la rotta.
Quindi vogliamo eseguire questo codice che è una funzione di callback e questa funzione
di callback accetta due diverse richieste e risposte di argomenti.
Di nuovo quelli sono ciò che vogliamo che siano chiamati totalmente da noi.
Ma lo vedrete più spesso e penso in effetti sui documenti ufficiali ufficiali che è quello che
usano req in rez.
sulla richiesta che ha attivato questa rotta e risposta conterrà tutte le informazioni su ciò con cui risponderemo.
Alcune persone in realtà scrivono tutte le richieste e le risposte, ma calcolare l'aumento è molto più
comune vedere così i Reds sono in realtà oggetti all'interno di questa richiesta di funzione
è un oggetto che contiene tutte le informazioni
Quindi ti mostrerò che in un po 'cancellerà quel registro che vedrà come appare.
Ma per iniziare scriveremo rez dot send.
Ciao.
E questo è solo un modo di rispondere con del testo, ma se andiamo alla pagina della nostra app una volta che
la serviamo, una volta avviata, ci aspettiamo di ottenere il testo.
Ciao ci stampato nel browser, ma non funzionerà ancora.
Perché se eseguo questa app per le note sì, non succede nulla perché in Express manca una parte
veramente importante del codice.
In realtà dobbiamo scrivere il codice per dirgli di ascoltare richieste diverse per farlo.
EXPRESS ci dà un metodo chiamato ascoltare.
Quindi va bene.
Pronto ad ascoltare e poi abbiamo bisogno di fornire la porta per ascoltare e ti mostrerò nel mio esempio qui.
porto tremila ma, visto che siamo al settimo cielo, dobbiamo fare le cose in modo un po 'diverso.
Stavo ascoltando sul
Abbiamo bisogno di ascoltare sul processo che le porte NVI.
Quindi tutto questo codice restituirà solo un numero come 3000 tranne che restituisce il numero di server
cloud nove che dobbiamo usare.
Quindi questa è una variabile.
Si chiama una variabile di ambiente e la variabile di ambiente con cui stiamo lavorando è chiamata port.
Quindi questo restituirà un numero ma non abbiamo codificato il numero in.
Viene dal cloud nine.
C'è un altro pezzo di informazione che dovremmo passare in cui viene elaborato l'IP EMV.
E questa è una linea che puoi semplicemente copiare e incollare dall'app all'app.
Lo utilizzeremo nella parte inferiore di ogni singola applicazione che creiamo con Express.
Quindi è una di quelle linee di taglio del biscotto che dobbiamo usare.
Questo dice express per ascoltare su una particolare porta che cloud 9 vuole e un
particolare IP che cloud ne prevede, così per riassumere abbiamo inizializzato la sicurezza espressa per l'area definiremo una singola
rotta quando facciamo una richiesta get alla barra .
Dovremmo vedere che sono stati rispediti nella risposta nel nostro browser e solo la definizione del percorso non è sufficiente.
Dobbiamo quindi dire all'app di ascoltare su una particolare porta un indirizzo IP.
E ora abbiamo solo bisogno di avviare il server con le app di nodo che eseguiranno l'intero contenuto del file.
Vedrai i nostri cambiamenti del cursore.
Possiamo effettivamente digitare i comandi più perché il nostro server è stato avviato.
C'è una piccola cosa che possiamo fare per migliorare questo.
Quindi quando Control-C esce da questo e possiamo passare la funzione di callback ad APT ascolta pure.
E all'interno di qui cancelleremo semplicemente che quel server di log è partito proprio così e lo salverò ora cancellerà e avvierà di nuovo
il server e riceviamo questo messaggio che dice che il server è stato avviato solo in modo che
sia chiaro cosa sta succedendo con il nostro console ora per visitare questo sito a differenza della
versione locale che ho mostrato con sublime e la demo del cane dove sono andato al locale ospite Colan 3000 Clubine
effettivamente ospitato online da solo stai bene e puoi trovarlo facendo clic su anteprima e clicca su Anteprima
in esecuzione applicazione e che aprirà una nuova scheda.
E se vogliamo, possiamo semplicemente usare la scheda qui.
Preferisco copiare il ruolo e aprire una nuova scheda e incollarlo in modo tale che io possa effettivamente
usarlo nel browser senza dover passare attraverso il cloud 9 è un browser fasullo così vicino a
questo e vedrai se il mio ruolo è il nome del mio spazio di lavoro web dev who camp dash il mio nome utente punto C-9 punto.
Quindi qualunque cosa tu stia servendo in quell'area di lavoro che al momento è questo un file adatto.
Sì invece della prima app Express sarà nella riga che ti viene assegnata automaticamente quando crei uno spazio di
lavoro cloud nove e più eccitante di quello.
Possiamo vedere che siamo in alto lì.
Sta funzionando e facendo una richiesta alla radice del server basta tagliare.
E mi sto innalzando.
E se proviamo a fare qualcos'altro come questo, riceverai un messaggio che dice che non puoi ottenere che tu sia così
questo percorso che ho aggiunto.
Quindi aggiungiamone un altro ora.
Lo stesso identico schema.
Facciamo il percorso di acquisto.
Quindi vogliamo che un'app non abbia una barra.
E poi la nostra funzione richiede una risposta proprio così.
E invieremo punti rossi e addio proprio così e lo salverai.
Ora se andiamo a tagliare compriamo e colpiamo invio.
Vedrai che non funziona ancora.
E questo perché dobbiamo riavviare il server.
Quindi ogni volta che apportiamo alcune modifiche è necessario riavviare il server.
Per ora ho intenzione di mostrarvi uno strumento che ci aiuterà in modo da non dover riavviarlo costantemente.
Ma per ora ho bisogno di fare nodo Abdulle J. S. di nuovo salvare o aggiornare questa volta se andiamo a tagliare da.
Ora ricevo il mio messaggio di addio e se vado alla radice mi alzo lì.
Quindi facciamo un altro ora.
Torniamo indietro.
prendi un cane scocciato o richiamalo con richieste e risposte e poi invece rispondiamo.
Quindi, per favore,
RAZ E miagola.
Cosa stavo pensando.
Perché ho detto miagolio.
Va bene, ho intenzione di andare con esso.
Sicuramente dovrebbe avere una femmina, ma se riavvio il mio server, ho riavviato Control-C per uscire e loro premono
la freccia su e io eseguo di nuovo il nodo dopo JSC e torno qui che aggiorno.
fuori e posso andare al taglio vicino al cancello addio e posso andare a tagliare niente e salire in alto lì.
E ora vado al barista tirami
Questo è tutto ciò che stiamo facendo per questa primissima app express.
Prima di andare avanti.
Aprirò il postino e testerò la nostra applicazione.
Quindi faremo una richiesta get e lo faremo per il percorso del cane da slash solo per testarlo e
piuttosto che un cane da slitta 3000 di host locali dovremo fare una richiesta a questo cane da tiro di Arel.
Quindi ho intenzione di copiare questo e tornare al postino e basta incollare che tu sei Ellen.
una richiesta a questo dash di Web Dev Bootcamp imparare con Colt C9 Daddy-O slash dog, naturalmente.
E prima che facciamo qualcos'altro, sai ridimensionare questo e ridimensionare questa finestra e possiamo chiudere o
ridurre un po 'questo aspetto per fare
Anche questo corrisponderà al conteggio della nuvola 9.
E quello che farò invece che il mio cane app, aggiungerò un registro Dalt.
E dirà
solo che qualcuno ha fatto una richiesta per tagliare il cane e lo salveremo e questo blog della console apparirà
qui.
Non apparirà nel browser all'interno della console di debug di JavaScript.
Il fronte e il con. Appare qui nella console del nodo che abbiamo iniziato eseguendo le app di nodo.
Sì.
Quindi, se riavvio il server, inizierò mostrandoti se lo sposto qui e aggiorno la pagina, permettimi
di andare su un'altra pagina e aggiornare.
E ora se vado a tagliare cani o cani guardi qui sotto, dice che qualcuno ha fatto una richiesta a Slashdot.
Quindi questo è solo per mostrarti che quel codice viene attivato non appena facciamo una richiesta e
non è attivato solo dal nostro browser, ma possiamo anche farlo partire usando il postino che mostrerò ora.
Quindi tutto quello che devo fare è premere invio qui o invia e ne abbiamo un altro.
Qualcuno ha fatto una richiesta per tagliare il cane ma anche un postino a schermo intero.
Ora vediamo cosa è stato inviato indietro.
Quindi il corpo è solo miagolio.
Non so cosa stavo pensando che lo farei adesso, ma mi viene restituito un messaggio miagolante e
possiamo fare la stessa cosa andando esattamente nella giusta direzione e inviando una richiesta e otteniamo il massimo e possiamo anche
fare tagliare di
E abbiamo anche la stessa cosa.
mostrarti che queste richieste non importa da dove provengono se provengono da un browser.
Questo per
Un telefono con il browser se proviene da un terminale da qualche parte o qualcosa come Postman non ha importanza.
Il nostro server sta solo ascoltando ogni richiesta che è una richiesta di ottenere tre percorsi diversi.
Dog by e la route route e quando riceve una di quelle richieste, risponderà con un
semplice testo.
Tutto ok.
Quindi questo è tutto ciò che volevo coprire in questa prima introduzione per esprimere app.
non è ancora molto come un'applicazione, ma credimi, l'ordine in cui stiamo andando è molto deliberato.
So che è davvero molto semplice,
Stiamo iniziando in piccolo e aggiungeremo un pezzo alla volta i prossimi pezzi che aggiungeremo stanno rispondendo
con i file di posta HQ.
Quindi, piuttosto che leggere quell'invio, c'è un altro metodo che useremo per inviare un intero file di H. T. posta indietro e introdurremo
anche un concetto chiamato variabili Raut o variabili di percorso.
OK Ci vediamo nel prossimo video