La prima cosa che faremo è capire come ottenere i dati del modulo dal modulo
e abbiamo bisogno di tornare al nostro modulo e modificare una piccola cosa che è sull'input che dobbiamo dare l'input e
nominare il nome che diamo l'input qui sarà la chiave che guardiamo dentro all'interno del percorso.
E penso che un buon nome sarebbe solo un nome, ma penso che sia un po 'confuso.
Quindi, facciamo solo un nuovo amico.
Quindi il valore di questo in questo caso verrà inviato a Bob nel corpo della richiesta e all'interno del corpo la
richiesta ci sarà una singola proprietà di nome new friend.
E sarà uguale a Bob rendere questo un po 'più facile da vedere.
Andiamo negli Stati Uniti nel post per AGGIUNGI amico e cancelliamo il corpo del punto richiesta registro e richiesta corpo
è un oggetto che conterrà tutti i dati dal corpo della richiesta.
E ricorda che quando abbiamo un modulo che sta facendo una richiesta di posta, tutti i dati del modulo sono inseriti
nel corpo della richiesta e poi arriva al nostro espresso EP e vogliamo estrarlo se il corpo della richiesta.
Quindi se stampo il corpo della richiesta dovremmo vedere che il nuovo amico è uguale a Bob.
Comunque non funzionerà perché ci manca un piccolo pezzo e ti mostrerò che non
funziona.
Per prima cosa aggiungiamo Billie. Ho fatto un nuovo amico.
Otteniamo che hai raggiunto il percorso postale e otteniamo un registro costante qui richiesta non è definito il corpo.
E questo perché Express out of the box in realtà non crea il corpo della richiesta per noi.
Dobbiamo dire esplicitamente di prendere il corpo della richiesta e trasformarlo in un oggetto javascript
affinché usiamo la richiesta chiamata body.
Quindi per farlo dobbiamo effettivamente installare un pacchetto chiamato Body parser.
Così NPM installa il dash del dasher del dash del body dash e la postura del corpo è un po 'entrata e uscita da espresso dove a un
certo punto è stata messa in bundle con l'express.
Non è stato necessario installarlo separatamente.
Ora lo fai è qualcosa che useremo in ogni app.
Praticamente ogni volta che abbiamo un modulo che un utente inserisce i dati in cui vogliamo estrarre i
dati dal lato server.
Dobbiamo usare il parser del corpo.
OK, quindi non è sufficiente solo per installarlo.
Abbiamo quindi bisogno di richiederlo qui.
tu URL codificato e poi invece di qui scriveremo esteso è vero e non voglio impantanare questo video andando troppo nel dettaglio ma
con questo è se hai domande puoi andare alle parti del corpo o ai documenti e leggere su cosa sei el noncoated e cosa fa il vero vero.
Quindi, solo il parser per il corpo richiede ovviamente un parser Adi Dasch e quindi la prossima cosa
che dobbiamo fare è dire a express di usare parser del corpo in modo che appaia come usare l'parser di
body use app che è una variabile che abbiamo appena creato importando il parti
del corpo di un pacchetto e quindi abbiamo bisogno di fare il punto
È una di quelle linee che vedranno tutto il tempo e onestamente basta copiare e incollare la maggior parte del tempo.
Quindi ora che abbiamo impostato se riavviamo il server ora senza modificare il nostro codice, abbiamo postare
l'aggiunta di un amico e stiamo costantemente prendendo le richieste fuori dal corpo.
Ora se aggiorniamo Oops! Torniamo al form stringiamo gli amici e aggiungiamo un amico di nome Linda.
Ho fatto un nuovo amico e guardiamo nel con. Vediamo la richiesta up Adi ora è un oggetto e viene dal
parser di partito.
Quindi il parser Buddy ha preso il corpo della richiesta e l'ha analizzato in un oggetto javascript che ha un nuovo
amico uguale a Linda.
Quindi quello che in realtà vogliamo fare è richiedere il corpo a un nuovo amico.
E questo ci darà il valore di qualunque cosa fosse dentro la forma.
E ricorda che il nuovo amico è a causa della proprietà name l'attributo name che impostiamo sull'input
qualsiasi cosa mettiamo qui è quello che avremmo bisogno di cercarlo all'interno del percorso.
Non vogliamo solo cancellare quel registro, ma quello che vogliamo fare è aggiungerlo
alla matrice di amici che abbiamo definito qui.
Quindi la prima cosa da fare è creare una nuova variabile e chiameremo semplicemente un nuovo amico e ci
limiteremo a salvare la richiesta di nuovo amico del corpo e poi vogliamo aggiungerla a questo array ma sfortunatamente non
possiamo semplicemente fare amici smetti di inviare nuovi amici perché c'è un problema di scoping in cui il nostro amico viene definito al
posto di questa funzione.
E qui fuori non c'è niente come gli amici.
È un mondo molto triste.
Non ci sono amici.
Quindi abbiamo bisogno di copiare questo e spostarlo da qualche parte dove è visibile a tutti i nostri percorsi.
E questo è qualcosa che non faremo per molto tempo perché questo è solo un gruppo di
amici e possiamo aggiungere nuovi amici ma non appena il server si ferma, andranno via e si resetteranno al disvalore.
Presto useremo un database e non dovremo preoccuparci del problema dell'ambito.
Per ora abbiamo solo bisogno di spostarlo all'esterno delle rotte in modo che possiamo accedervi in ​​tutti i percorsi.
Quindi ora gli amici smettono di spingere, il nuovo francese dovrebbe funzionare e te lo mostrerò.
Ora riavvia il server torna al nostro modulo qui.
Aggiorna la pagina e aggiungiamola in Jeanne.
Ho fatto un nuovo amico e arriviamo a questa rotta.
Ora se torniamo agli amici vedo che Jean è stato aggiunto.
Ciò significa che questo sta funzionando dove stiamo estraendo le richieste dal corpo verso l'alto da un nuovo amico.
E lo stiamo anche spingendo verso l'array frenetico e quindi stiamo inviando questa risposta.
Tuttavia è piuttosto raro che vogliamo avere una sorta di risposta come questa dopo aver aggiunto un nuovo amico.
La maggior parte delle volte non vogliamo vederlo.
o invece di render possiamo usare un altro metodo su rez chiamato redirect e redirect.
Di solito vogliamo solo tornare a questa pagina e vedere il nuovo amico e fare ciò che possiamo fare è invece di inviare
Bene, prendi il nome di un percorso.
E nel nostro caso, fai squarciare gli amici e loro reindirizzeranno a questa rotta e faranno scorrere il
codice all'interno del percorso degli amici della barra e tutto ciò che fa è renderizza il modello francese e passa
nel valore degli amici.
Quindi ora se iniziamo di nuovo il server e torniamo a rinfrescare la pagina, aggiungiamo un nuovo amico qui.
Tina e ho colpito ho fatto un nuovo amico e puoi vedere che Tina è stata aggiunta.
Ricorda che non stiamo solo su questa pagina per tutto il tempo.
Se guardi questo qui, lascia che lo faccia di nuovo.
Aggiungiamo in Jeanne.
Ho colpito ho fatto un nuovo amico.
Puoi vedere la pagina che viene temporaneamente aggiornata e questo perché stiamo inviando una richiesta di posta
da qualche altra parte in cui le richieste di posta stanno diventando troppo postate.
Ad un amico sta facendo un po 'di logica qui.
E poi ci sta reindirizzando molto rapidamente alla stessa pagina dello stesso percorso in cui ci troviamo già.
sfarfallio della pagina per un secondo e vedrai questa piccola icona è l'omaggio che la pagina sta revocando.
Quindi è quasi impercettibile vedrai lo
Ma come ho detto se riavvio il server, il valore dell'array di amici risale a questo.
Quindi perdiamo tutti questi amici e non abbiamo alcuna permanenza ai nostri dati.
Lo sistemeremo una volta arrivati ​​in alcuni database in pochi di noi.
OK.
Descriviamo brevemente tutto ciò che abbiamo coperto molto qui.
La prima cosa di cui abbiamo parlato è stata la creazione di un percorso postale e tutto quello che dovevamo fare era l'app
post e funziona proprio come apt get eccetto che è attivato solo dalle richieste di posta a quella particolare riga.
E poi lo sai e poi abbiamo visto come possiamo inviare una richiesta di posta con il postino che funziona e poi abbiamo
visto che possiamo inviare una richiesta di una richiesta tramite postino.
E poi anche usando un modulo.
E quando inviamo un modulo, dobbiamo fornire un'azione e un metodo e lo presento molto presto quando abbiamo parlato dell'età
alle mie forme e ho detto che più avanti nel corso sapresti di più su che cosa
significa azione e metodo e che post richiesta è contro una richiesta di ottenere.
ha un singolo input e su quello input abbiamo aggiunto l'attributo name e questo
attributo name che abbiamo impostato come nuovo amico è come i dati vengono aggiunti al corpo della richiesta.
Quindi questo è il momento in cui stai iniziando a capire un po 'di più la differenza tra ottenere post e
cosa significa questa azione e quali percorsi sono comunque, quindi abbiamo un forum e non
Quindi, quando presentiamo questo indipendentemente dal valore di questo modulo, diciamo che Tina verrà inviata sotto
il nome di nuovo amico.
E poi all'interno del nostro apparato possiamo estrarlo con la richiesta up bodycount nuovo amico solo se abbiamo incluso
il parser del corpo che abbiamo dovuto installare NPM install body purser e quindi abbiamo dovuto dire alla
nostra app di usarlo.
il corpo della richiesta e lo analizzerà in un oggetto javascript che possiamo usare e accedere come abbiamo fatto qui.
Così apt usa il parser e questa intera linea è quella che vedrà sempre e quando lo faremo il
parser prenderà
E l'ultima novità che abbiamo visto è stato il reindirizzamento verso il redstart, che ti farà conoscere come un amico slash e
che attiverà di nuovo quel percorso ed eseguirà tutto il codice all'interno del percorso degli amici della barra.
Bene, ci vediamo nella prossima lezione.