Esquema rápido
- ¿Qué es el middleware en Node.js?
- ¿Qué es el middleware Body-Parser en Node.js?
- ¿Cómo utilizar el middleware Body-parser en Node.js?
- Conclusión
Comencemos con los conceptos básicos del middleware en Node.js.
¿Qué es el middleware en Node.js?
software intermedio es una función que brinda acceso para solicitar un objeto, responder a un objeto y ejecutar la función de manera secuencial avanzando hacia la siguiente función de middleware en el ciclo de solicitud-respuesta de la aplicación. También proporciona acceso para modificar los objetos de solicitud y respuesta para realizar operaciones como verificación, análisis de los organismos solicitantes y mucho más.
¿Qué es el middleware Body-Parser en Node.js?
El ' analizador corporal ”es un middleware de análisis de cuerpo que gestiona las solicitudes HTTP POST. La solicitud “POST” envía los datos a un servidor para crear o modificar el recurso. El middleware 'bode-parser' analiza los cuerpos de las solicitudes entrantes como un objeto JavaScript (si el tipo de contenido de la aplicación es JSON) y el formulario HTML (si el tipo MIME es application/x-www-form-urlencoded). Una vez hecho esto, se puede utilizar en una aplicación.
Después de comprender los conceptos básicos del middleware del analizador corporal, pasemos a su uso.
¿Cómo utilizar el middleware Body-parser en Node.js?
Para utilizar el middleware body-parser en Node.js, siga los pasos de instrucciones a continuación:
- Paso 1: Inicializar un proyecto Node.js
- Paso 2: instalar Body Parser
- Paso 3: Instale Express y EJS
- Paso 4: cree una plantilla EJS
- Paso 5: utilice el middleware Body Parser
- Paso 6: implementar la aplicación Node.js
Comencemos con la inicialización del proyecto Node.js.
Paso 1: Inicializar un proyecto Node.js
Primero, inicialice el proyecto Node.js ejecutando el siguiente ' npm (administrador de paquetes de nodos)”comando de inicialización:
inicio npm - yEn el comando anterior, el ' -y” La bandera se utiliza para responder 'sí' a todas las consultas.
El resultado muestra que el “ paquete.json 'El archivo se crea correctamente y contiene el siguiente conjunto de propiedades:
Paso 2: instalar Body Parser
A continuación, instale el paquete body-parser en la aplicación Node.js actual ejecutando el siguiente ' npm ”comando de instalación:
cuerpo de instalación de npm - analizadorEl siguiente resultado muestra que el paquete body-parser se ha instalado correctamente en la aplicación Node.js determinada:
Paso 3: Instale Express y EJS
Ahora, instale el ' no (Plantillas de JavaScript integradas)” en la aplicación Node.js. El 'ejs' es el reputado motor JavaScript utilizado por Node.js que toma los datos HTML como Javascript simple:
npm instala ejsSe puede observar que la biblioteca “ejs” se ha agregado a la aplicación Node.js actual:
Además, instale el “ expresar ”marcos web para construir la aplicación Node.js de forma rápida y sencilla:
instalación npm expresaTambién se ha añadido el “express” a la aplicación Node.js:
Paso 4: cree una plantilla EJS
Una vez que se hayan instalado todos los paquetes necesarios, cree una plantilla 'ejs' que tenga las siguientes líneas de código y guárdela como ' Ejemplo de formulario.ejs ' archivo:
TIPO DE DOCUMENTO html >< HTML >
< cabeza >
< título > Cuerpo - analizador software intermedio título >
cabeza >
< cuerpo >
< centro >
< h1 > Diario de muestra h1 >
< formar acción = 'guardar datos' método = 'CORREO' >
< pre >
< etiqueta > Título : etiqueta >< tipo de entrada = 'texto' nombre = 'título' > < hermano >
< etiqueta > Fecha etiqueta >< tipo de entrada = 'fecha' nombre = 'fecha' >< hermano >
< etiqueta > Fecha etiqueta >< tipo de entrada = 'fecha' nombre = 'fecha' >< hermano >
< tipo de entrada = 'entregar' valor = 'Enviar diario' >< hermano >
pre >
forma >
centro >
cuerpo >
HTML >
La explicación del código anterior es la siguiente:
- El '
La etiqueta 'especifica el título del documento HTML. - El '
La etiqueta 'alinea el contenido en el centro de la página web. - El ' La etiqueta 'inserta un elemento de encabezado de primer nivel.
- El '
La etiqueta 'crea un elemento de formulario que recopila información del usuario. Dentro del elemento “formulario” el “ acción El atributo 'especifica la acción que se realiza al enviar el formulario y el' método El atributo 'que tiene un valor de' publicación 'envía datos al servidor. - El ' La etiqueta 'muestra los elementos especificados en la página con el ancho de fuente fijo igual que en el código fuente.
- El '
La etiqueta 'especifica la etiqueta del campo de entrada. - El '
'tipo agrega el campo de entrada de tipo' texto ' y el nombre ' título ”. - Las siguientes dos etiquetas “ ” agregan los campos de entrada de los tipos y nombres especificados.
Paso 5: utilice el middleware Body Parser
Ahora cree un archivo '.js' llamado ' index.js ” y utilice el middleware body-parser que contiene para analizar los cuerpos de todas las solicitudes entrantes. Cuando se cree el archivo “.js”, copie las siguientes líneas de código en él:
constante analizador corporal = requerir ( 'analizador de cuerpo' )constante expresar = requerir ( 'expresar' )
constante camino = requerir ( 'camino' )
constante aplicación = expresar ( )
dejar PUERTO = proceso. ambiente . puerto || 8080
aplicación. colocar ( 'puntos de vista' , camino. unirse ( __dirname ) )
aplicación. colocar ( 'motor de vista' , 'No' )
aplicación. usar ( analizador corporal. codificado en URL ( { extendido : verdadero } ) )
aplicación. usar ( analizador corporal. json ( ) )
aplicación. conseguir ( '/' , función ( solicitar, res ) {
res. prestar ( 'Formulario de muestra' )
} ) ;
aplicación. correo ( '/guardar datos' , ( solicitar, res ) => {
consola. registro ( 'Usando el analizador corporal: ' , req. cuerpo )
} )
aplicación. escuchar ( PUERTO, función ( error ) {
si ( error ) tirar error
consola. registro ( 'Servidor creado en PUERTO' , PUERTO )
} )
La explicación de las líneas de código mencionadas anteriormente se escribe a continuación:
- En primer lugar, el “ requerir() El método importa los módulos “body-parser”, “express” y “path” en la aplicación Node.js actual.
- A continuación, cree una instancia de la aplicación expresa con la ayuda de ' expresar() “Constructor.
- Después de eso, el “ proceso.env 'La propiedad ejecuta el servidor local de forma predeterminada'. PUERTO ”. Si el puerto predeterminado está ocupado, el servidor se ejecutará en el puerto especificado, que es ' 8080 ”.
- Ahora configure el motor de visualización con la ayuda del middleware especificado en el que las 'vistas' indican la carpeta donde se guardan todas las páginas web y el ' ruta.unirse() El método une los segmentos de ruta del directorio actual y crea una única ruta.
- Una vez hecho todo, el “ aplicación.uso() El método 'pone el' especificado. analizador corporal ”middleware en la ruta dada. Este middleware de analizador corporal utiliza el ' codificado en URL ”analizador que solo analiza los cuerpos “codificados en URL” cuyo encabezado “tipo de contenido” coincide con la opción “tipo”.
- El segundo 'analizador de cuerpo' utiliza el ' JSON ” analizador para analizar los cuerpos de las solicitudes entrantes como un objeto JSON en formato clave-valor.
- El ' aplicación.get() El método envía la solicitud HTTP 'GET' en la ruta especificada y ejecuta una función de devolución de llamada que tiene el ' req (solicitud)”, y “ res (responder)” parámetros.
- Dentro de la función de devolución de llamada, el ' res.render() El método 'presenta la respuesta cuando se ejecuta la función de devolución de llamada especificada.
- El método 'app.post()' envía la solicitud HTTP 'POST', que es más segura porque no muestra los datos en la URL. También define una función de devolución de llamada que utiliza el ' cuerpo requerido ”para obtener los datos de los campos de entrada.
- Por último, el “ aplicación.escuchar() El método 'crea una conexión en el puerto especificado y define la función de devolución de llamada. En esta función, el “ si 'La declaración arroja un error si ocurre durante la ejecución del programa, y el ' consola.log() ”muestra la declaración de confirmación en la consola.
Paso 6: implementar la aplicación Node.js
Finalmente, implemente la aplicación Node.js con la ayuda de ' nodo ”palabra clave de esta manera:
índice de nodo. js
La ejecución del comando anterior muestra un mensaje de confirmación de que el servidor se creó correctamente en el puerto especificado:
Ahora visita la siguiente URL http://localhost:8080 para ver el diario de muestra. En la página web 'Diario de muestra', complete todos los campos de entrada y haga clic en ' Enviar diario Botón ”para guardar el contenido:
Se puede observar que luego de enviar la información, el terminal muestra automáticamente todos los cuerpos de los elementos HTML utilizados en el “Diario de muestra” como un objeto JSON:
Se trata de utilizar middleware de análisis corporal en Node.js.
Conclusión
Usar el ' analizador corporal 'En Node.js use el' codificado en URL ' y el ' JSON ” analizadores que analizan el cuerpo de todas las solicitudes entrantes y las muestran como un objeto JSON. Maneja los cuerpos de las solicitudes 'POST' y los analiza para recuperar el contenido de todos los elementos utilizados en el documento HTML. Proporciona una forma sencilla y sencilla de procesar la fecha enviada por el cuerpo de la solicitud HTTP entrante. Esta publicación ha demostrado prácticamente el uso del middleware body-parser en Node.js.