Ora, che abbiamo imparato a conoscere Express Generator,
lo strumento di impalcatura per applicazioni esperti,
installiamo Express Generator e quindi creiamo una nuova applicazione Express.
Creeremo la replica esatta
dell'applicazione API REST Express che abbiamo implementato nel modulo precedente.
Saremo infatti riutilizzare i tre router,
router Express che abbiamo implementato nella precedente applicazione Express
nell'applicazione appena generata che stiamo per
generare utilizzando Express Generator in questo esercizio.
Per iniziare, il primo passo è installare Express Generator.
Quindi, al prompt digitare «npm
install -g» per installarlo come modulo NPM globale.
Diciamo Express Generator e colpiremo il ritorno.
Ora, se stai installando su una macchina OSX o Linux,
assicurati di usare sudo davanti a questo comando.
Quindi installare l'applicazione come applicazione globale.
Come puoi vedere, la versione di Express Generator che sto usando è 4.16.0 in questo corso.
Ora, che abbiamo installato Express Generator, nel vostro terminale,
passare alla cartella Node.Js in cui avete memorizzato
tutte le varie applicazioni nodo che abbiamo sviluppato in questo corso,
nella cartella Node.Js.
Al prompt digitare express ConfusionServer.
Ora, se hai seguito i corsi precedenti,
capisci perché lo chiamo Confusione e quindi
impallidiamo la nostra applicazione espressa nel ConfusionServer.
Sto impalcatura senza nuove opzioni e poi entro un breve periodo,
il server Express verrà impalcato.
Ora, spostati nella cartella ConfusionServer e poi
vedrai che un mucchio di file sono già stati impalcati per te.
Quindi, apriamo questo progetto in Visual Studio Code.
Inoltre, al prompt digitare «npm
install» per installare tutti
i moduli NPM già inclusi nel file package.json.
Quindi, diamo una rapida occhiata al file package.json per vedere quali sono
tutti i vari moduli NPM Node che verranno installati.
Andando alla nostra applicazione,
nel file package.json,
si vede che il server con il nome predefinito
è stato impalcato e si vede un sacco di dipendenze che sono dichiarate qui.
Quindi, tutti questi moduli NPM verranno installati automaticamente
da NPM quando si digita «npm install» in questa cartella.
Quindi, vedrai la cartella dei moduli del nodo che viene creata qui.
Entra nel terminale, digita «npm install» e poi lascia
procedere con l'installazione di tutti i vari moduli NPM.
Una volta che sono tutti completati,
allora siamo pronti per iniziare con la nostra applicazione Express.
Si noterà che l'applicazione Express predefinita è già stata installata.
Quindi, al prompt,
se semplicemente dici npm start,
l'applicazione predefinita si avvierà e puoi
navigare usando il tuo browser standard per vedere cosa serve questa applicazione.
Vai in Postman al tipo di blocco di indirizzi localhost:3000 e
invia la richiesta e vedrai che il tuo server restituirà
queste informazioni predefinite dal sito del server.
Quindi, questo è il server Express standard che è impalcato da Express Generator.
Sulla console, verranno visualizzate informazioni come questa stampate qui.
Questo è ciò che Morgan stampa sullo schermo per mostrare le richieste in arrivo.
Quindi, mostra il tipo di richiesta a cui URL
e la risposta corrispondente che è stata inviata al client dal server.
Fermiamo il server Express.
Inizializziamo un repository Git e poi
controlleremo lo stato Git e vedrai che i moduli del nodo sono inclusi.
Quindi, lasciami passare alla mia applicazione e quindi creare
un file gitignore e quindi nel file gitignore,
permettimi di specificare i moduli del nodo come file che voglio ignorare.
Poi tornando al terminale,
fammi controllare lo stato git e vedi che ora
controlleremo solo quei file che fanno parte della nostra applicazione.
Quindi, al prompt, digita git add,
e poi dì, git status e vedi che tutti i file sono stati archiviati.
Quindi, dici, git commit -m «Express Generator».
Ora, continueremo con questa applicazione Express.
Avevamo già costruito i tre router utilizzando
il router Express nella precedente applicazione Express che abbiamo implementato.
Stiamo andando a copiare su questi tre router a questa applicazione che abbiamo generato utilizzando
Express Generator e anche impostare questa applicazione per fare uso di questi tre router.
Quindi, per farlo,
lasciami andare nella cartella Node.Js e poi,
andando nella cartella e nelle route del nodo express,
ho intenzione di copiare dishRouter.js,
leaderRouter.js router.js e promoRouter.js che ho implementato
nell'assegnazione e arriveremo
al ConfusionServer che ho hanno appena creato e nella cartella route e quindi copiare
su quei tre router Express che abbiamo creato lì.
Quindi automaticamente, modificando ora il file app.js,
saremo in grado di supportare l'API REST utilizzando
l'applicazione Express che abbiamo appena impalcato.
Pagare una rapida visita all'applicazione che è stato impalcato.
Come ho accennato nella lezione precedente,
app.js è il luogo in cui tutto inizia.
Quindi, questo è il file standard in modo da poter vedere alcune
delle cose che hai familiarità con dal modulo precedente.
Quindi, stiamo richiedendo il logger di percorso espresso che è morgan in questo caso.
CookieParser che useremo in uno degli esercizi successivi e
vedrai anche che stai importando due percorsi;
l'indice e gli utenti,
che sono già impalcati da Express per noi.
Quindi, aggiungeremo i tre nuovi router qui.
Quindi, dirò solo, var DishRouter richiedono percorsi
DishRouter e poi copieranno questo e poi anche importare
il PromorOuter e il LeaderRouter
e noi imposteremo questi per essere utilizzati qui.
Qui si vede che l'indice è montato
alla barra e quindi gli utenti sono montati in/users.
Quindi, diremo, l'uso di app
e piatti DishRouter.
Sono le quattro.
Promozioni Promorouter e leader.
LeaderRouter. Questo è tutto.
La nostra applicazione Express che è stata impalcata è ora tutta configurata
per essere un server API REST completo che servirà per piatti,
piatti, promozioni e leader.
Ora, se sfogliate il resto del codice,
sembrerà tutto familiare con alcune cose nuove lì dentro.
Li visiteremo come e quando avremo bisogno di capire un po 'più di dettagli lì.
Quindi, puoi vedere che il server statico è stato configurato,
il logger è stato impostato lì e alcuni di questi altri- quindi,
questo è un gestore globale per gli errori.
Vedremo come farne uso in modo più dettagliato.
E questi due sono gestori di errori aggiuntivi che seguono dopo questo.
Vedremo come facciamo uso di loro come implementiamo ulteriormente in questa applicazione.
Quindi, qui è dove si notano tutte queste informazioni.
Ora, ti stai chiedendo dove il server stesso è
configurato per l'host locale e il numero di porta sono configurati.
Ora, questa informazione è in questo file chiamato bin/www.
Se apri la cartella bin/www,
vedrai ulteriori informazioni qui.
Quindi, dice, var app richiede.. slash/app.
Quindi, dalla cartella bin,
vieni qui e poi,
questo file app.js è richiesto qui in questo;
e così, questo includerà automaticamente l'espresso e tutto.
E poi, qui stai impostando
il server http qui e stai impostando il numero di porta.
Puoi anche fornire il tuo numero di porta alla riga di comando,
ma al momento useremo il valore predefinito, che è 3000,
e imposteremo il numero di porta qui; e poi,
si vede il server var http.CreateServer che hai visto in precedenza,
e il server è in ascolto per le cose qui.
E poi, anche, qui ci sono alcuni in ascolto di eventi sul lato server.
Torneremo a questo in uno degli esercizi successivi.
E poi, in basso vedrai qualche
codice aggiuntivo che imposta il tuo server per essere in grado di
gestire gli errori e ascoltare le richieste in arrivo sul numero di porta e così via.
Al momento, non preoccuparti troppo di questo codice.
Rivisiteremo questo codice ogni volta che abbiamo bisogno,
e ci sarà modificare questo codice come e quando abbiamo bisogno in uno degli esercizi successivi.
Quindi, è lì che le informazioni sul server sono tutte impostate lì.
E app.js, abbiamo già visto la cartella route lì.
Index.js e users.js sono due percorsi predefiniti che sono già impostati per noi.
Useremo il users.js in uno degli esercizi successivi.
E nella cartella pubblica,
andiamo avanti e copiare il index.html e
aboutus.html dalla nostra applicazione Express nella cartella pubblica anche.
Quindi, tornando alla cartella pubblica node-express.
Ho intenzione di copiare questi due.
E poi, torneremo al server della confusione;
e poi, nella cartella pubblica,
li incollerò semplicemente in posizione.
Per il momento, questi sono segnaposto.
Più tardi, li sostituiremo con altre cose.
Quindi, con queste modifiche,
il nostro server è ora completamente configurato per l'esecuzione come
server API REST e supporterà tutti gli endpoint API REST.
Quindi, iniziamo il nostro server.
Quindi, al prompt,
digita npm start e il tuo server sarà attivo e funzionante.
Andiamo a PostBin e inviare alcune richieste a questo server.
Ora inviamo una richiesta get all'host locale 3000/piatti
e noterai che il server API REST funziona esattamente come ci aspettiamo.
Inviamo una richiesta di cancellazione e cancellerà i piatti.
E poi, inviamo
una richiesta di eliminazione alle promozioni e si vede che funziona proprio come prima.
E facciamo un post per promozioni
con il corpo in campo
e inviare la richiesta di post,
e vedrete che dice,
«Aggiungeremo il test di promozione con descrizione dettagliata.»
Mantiamo questo a leaders.23,
ma metti richiesta a leaders.23 e dovresti vedere che dice, «Aggiornamento leader 23.
Potenzierà il leader.» Quindi, si vede che
il generatore Express che ha generato l'applicazione e
l'abbiamo modificata per supportare l'intero endpoint API REST che
abbiamo configurato nella versione precedente del router Express.
Ora, con questo, completiamo questo esercizio in cui abbiamo dimostrato come possiamo
usare il generatore Express per costruire l'endpoint API REST.
Ora, questo è un buon momento per noi per fare un Git Kermit delle modifiche con il messaggio,
«API REST del generatore Express».