Esquema ràpid
- Què és el middleware a Node.js?
- Què és el programa intermedi de Body-Parser a Node.js?
- Com utilitzar el programa intermedi de l'analitzador corporal a Node.js?
- Conclusió
Comencem amb els conceptes bàsics del middleware a Node.js.
Què és el middleware a Node.js?
Middleware és una funció que dóna accés per sol·licitar un objecte, respondre a un objecte i executar la funció de manera seqüencial avançant cap a la següent funció de middleware en el cicle de sol·licitud-resposta de l'aplicació. També proporciona accés per modificar els objectes de sol·licitud i resposta per realitzar operacions com la verificació, l'anàlisi dels cossos sol·licitants i molt més.
Què és el programa intermedi de Body-Parser a Node.js?
El ' analitzador corporal ” és un programari intermedi d'anàlisi corporal que gestiona les sol·licituds HTTP POST. La sol·licitud 'POST' envia les dades a un servidor per crear o modificar el recurs. El programari intermediari 'bode-parser' analitza els cossos de sol·licitud entrants com a objecte JavaScript (si el tipus de contingut de l'aplicació és JSON) i el formulari HTML (si el tipus MIME és application/x-www-form-urlencoded ). Un cop fet, això es pot utilitzar en una aplicació.
Després d'aconseguir els conceptes bàsics del programari intermedi d'analitzador corporal, passem al seu ús.
Com utilitzar el programa intermedi de l'analitzador corporal a Node.js?
Per utilitzar el middleware de body-parser a Node.js, seguiu els passos següents d'instruccions:
- Pas 1: inicialitzeu un projecte Node.js
- Pas 2: instal·leu Body Parser
- Pas 3: instal·leu Express i EJS
- Pas 4: creeu una plantilla EJS
- Pas 5: utilitzeu el programa intermedi de Body Parser
- Pas 6: Desplegueu l'aplicació Node.js
Comencem amb la inicialització del projecte Node.js.
Pas 1: inicialitzeu un projecte Node.js
Primer, inicialitzeu el projecte Node.js executant el següent ' npm (gestor de paquets de nodes)' ordre d'inicialització:
npm init - iA l'ordre anterior, el ' -i” La bandera s'utilitza per respondre a totes les consultes 'sí'.
La sortida mostra que el ' package.json ” s'ha creat correctament el fitxer que conté el següent conjunt de propietats:
Pas 2: instal·leu Body Parser
A continuació, instal·leu el paquet body-parser a l'aplicació actual Node.js executant el següent ' npm ” ordre d'instal·lació:
npm instal·la el cos - analitzadorLa sortida següent mostra que el paquet body-parser s'ha instal·lat correctament a l'aplicació Node.js donada:
Pas 3: instal·leu Express i EJS
Ara, instal·leu el ' no (Embedded JavaScript Templating)” a l'aplicació Node.js. El 'ejs' és el motor JavaScript de bona reputació utilitzat per Node.js que pren les dades HTML com a Javascript senzill:
npm install ejsEs pot observar que la biblioteca 'ejs' s'ha afegit a l'aplicació actual Node.js:
A més, instal·leu el ' expressar ” marcs web per crear l'aplicació Node.js de manera ràpida i senzilla:
npm install expressEl 'express' també s'ha afegit a l'aplicació Node.js:
Pas 4: creeu una plantilla EJS
Un cop instal·lats tots els paquets necessaris, creeu una plantilla 'ejs' amb les següents línies de codi i deseu-la com a ' SampleForm.ejs ' dossier:
DOCTYPE html >< html >
< cap >
< títol > Cos - Analitzador Middleware títol >
cap >
< cos >
< centre >
< h1 > Diari de mostra h1 >
< forma d'acció = 'desa les dades' mètode = 'PUBLICAR' >
< pre >
< etiqueta > Títol : etiqueta >< tipus d'entrada = 'text' nom = 'títol' > < br >
< etiqueta > Data etiqueta >< tipus d'entrada = 'data' nom = 'data' >< br >
< etiqueta > Data etiqueta >< tipus d'entrada = 'data' nom = 'data' >< br >
< tipus d'entrada = 'Presentar' valor = 'Envia el diari' >< br >
pre >
forma >
centre >
cos >
html >
L'explicació del codi anterior és la següent:
- El '
” l'etiqueta especifica el títol del document HTMl. - El '
L'etiqueta ” alinea el contingut al centre de la pàgina web. - El ' ” insereix un element d'encapçalament de primer nivell.
- El '
” crea un element de formulari que recull informació de l'usuari. Dins de l'element 'formulari' el ' acció L'atribut ' especifica l'acció que es realitza en l'enviament del formulari i el ' mètode ” que té un valor “post” envia dades al servidor. - El ' ” L'etiqueta mostra els elements especificats a la pàgina amb l'amplada del tipus de lletra fixa igual que al codi font.
- El '
” L'etiqueta especifica l'etiqueta del camp d'entrada. - El '
' type afegeix el camp d'entrada de tipus ' text ' i el nom ' títol ”. - Les dues etiquetes ' ' següents afegeixen els camps d'entrada dels tipus i noms especificats.
Pas 5: utilitzeu el programa intermedi de Body Parser
Ara creeu un fitxer '.js' anomenat ' index.js ” i utilitzeu el programa intermedi d'analitzador de cos per analitzar els cossos de totes les sol·licituds entrants. Quan es creï el fitxer '.js', copieu-hi les línies de codi següents:
const analitzador corporal = requereixen ( 'analitzador corporal' )const expressar = requereixen ( 'expressar' )
const Camí = requereixen ( 'Camí' )
const aplicació = expressar ( )
deixa PORT = procés. env . port || 8080
aplicació. conjunt ( 'vistes' , Camí. uneix-te ( __dirname ) )
aplicació. conjunt ( 'veure el motor' , 'no' )
aplicació. utilitzar ( analitzador corporal. urlencoded ( { estesa : veritat } ) )
aplicació. utilitzar ( analitzador corporal. json ( ) )
aplicació. aconseguir ( '/' , funció ( requeriment, res ) {
res. render ( 'Formulari de mostra' )
} ) ;
aplicació. publicació ( '/saveData' , ( requeriment, res ) => {
consola. registre ( 'Usant Body-parser:' , requeriment cos )
} )
aplicació. escolta ( PORT, funció ( error ) {
si ( error ) llançar error
consola. registre ( 'Servidor creat a PORT' , PORT )
} )
L'explicació de les línies de codi anteriors s'escriu a continuació:
- En primer lloc, el ' requerir () El mètode importa els mòduls 'body-parser', 'express' i 'path' a l'aplicació Node.js actual.
- A continuació, creeu una instància de l'aplicació exprés amb l'ajuda del ' express () ” constructor.
- Després d'això, el ' procés.env La propietat 'executa el servidor local de manera predeterminada' PORT ”. Si el port predeterminat està ocupat, el servidor s'executarà al port especificat que és ' 8080 ”.
- Ara configureu el motor de visualització amb l'ajuda del programari intermediari especificat en què les 'vistes' denota la carpeta on es guarden totes les pàgines web i el ' path.join() ” uneix els segments de ruta del directori actual i crea una única ruta.
- Un cop fet tot, el ' app.use() ” mètode posa el “ especificat analitzador corporal ” middleware al camí donat. Aquest programari intermedi d'analitzador corporal utilitza el ' urlencoded ” analitzador que només analitza els cossos “urlencoded” la capçalera “content-type” dels quals coincideix amb l'opció “type”.
- El segon 'analitzador corporal' utilitza el ' JSON ” analitzador per analitzar els cossos de les sol·licituds entrants com a objecte JSON en el format clau-valor.
- El ' app.get() ” envia la sol·licitud HTTP “GET” al camí especificat i executa una funció de devolució de trucada amb el “ requeriment (sol·licitud)', i ' res (respon)” paràmetres.
- Dins de la funció de devolució de trucada, el ' res.render() ” El mètode mostra la resposta quan s'executa la funció de devolució de trucada especificada.
- El mètode 'app.post()' envia la sol·licitud HTTP 'POST', que és més segura perquè no mostra les dades a l'URL. També defineix una funció de devolució de trucada que utilitza el ' cos requerit ” per obtenir les dades dels camps d'entrada.
- Finalment, el ' app.listen() ” el mètode crea una connexió al port especificat i defineix la funció de devolució de trucada. En aquesta funció, el ' si ” genera un error si es produeix durant l'execució del programa, i el “ console.log() ” mostra la declaració de confirmació a la consola.
Pas 6: Desplegueu l'aplicació Node.js
Finalment, implementeu l'aplicació Node.js amb l'ajuda del ' node ” paraula clau d'aquesta manera:
índex de nodes. js
L'execució de l'ordre anterior mostra un missatge de confirmació que el servidor s'ha creat correctament al port especificat:
Ara visiteu la següent URL http://localhost:8080 per veure el Diari de mostra. A la pàgina web 'Diari de mostra' ompliu tots els camps d'entrada i feu clic a ' Envia el diari ” per desar el contingut:
Es pot observar que després d'enviar la informació, el terminal mostra automàticament tots els cossos dels elements HTML utilitzats al 'Diari de mostra' com a objecte JSON:
Això es tracta d'utilitzar programari intermedi d'analitzador corporal a Node.js.
Conclusió
Per utilitzar el ' analitzador corporal ' a Node.js utilitzeu el ' urlencoded ' i la ' JSON ” analitzadors que analitzen el cos de totes les sol·licituds entrants i les mostren com a objecte JSON. Gestiona els cossos de peticions 'POST' i els analitza per recuperar el contingut de tots els elements utilitzats en el document HTML. Proporciona la manera més senzilla i senzilla de processar la data enviada pel cos de la sol·licitud HTTP entrant. Aquesta publicació pràcticament ha demostrat l'ús del programari intermedi d'analitzador corporal a Node.js.