Node.js es un entorno de tiempo de ejecución multiplataforma y de código abierto basado en el motor JavaScript V8 de Chrome para ejecutar código JavaScript fuera de un navegador. Debe recordar que NodeJS no es un marco y no es un lenguaje de programación. En este artículo, discutiremos cómo hacer una solicitud de publicación usando node.js
POST es un método de solicitud compatible con HTTP que envía datos al servidor. En express, podemos usar el método app.post() para aceptar una solicitud POST. La sintaxis básica para usar el método app.post() se menciona a continuación.
Los datos de la publicación se nos proporcionan en el objeto req dentro de la función de devolución de llamada del método app.post(). Podemos acceder a los datos enviados como el cuerpo utilizando la sintaxis que se menciona a continuación.
const bodyContent = req.body;
Del mismo modo, si queremos acceder al contenido del encabezado, podemos hacerlo usando la sintaxis que se menciona a continuación.
const headerContent = req.headers;
Configuración del proyecto:
Paso 1: Instale Node.js si Node.js no está instalado en su máquina.
Paso 2: Cree una carpeta para su proyecto y cree dos archivos llamados app.js e index.html dentro de ella.
Paso 3: Ahora, inicialice un nuevo proyecto Node.js con configuraciones predeterminadas usando el siguiente comando en la línea de comandos.
npm init -y
Paso 4: ahora instale express dentro de su proyecto usando el siguiente comando en la línea de comando.
npm install express
Estructura del proyecto: después de seguir los pasos, se verá la estructura de su proyecto.
Nombre de archivo: app.js
Javascript
// Importing express module
const express = require('express');
const app = express();
app.use(express.json());
app.get('/', (req, res) => {
res.sendFile(__dirname + '/index.html');
});
app.post('/', (req, res) => {
const { username, password } = req.body;
const { authorization } = req.headers;
res.send({
username,
password,
authorization,
});
});
app.listen(3000, () => {
console.log('Our express server is up on port 3000');
});
Nombre de archivo: index.html
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>POST DEMO</title>
</head>
<body>
<form>
<div>
<label>Username</label>
<input type="text" id="user" />
</div>
<div>
<label>Password</label>
<input type="password" id="pass" />
</div>
<button type="submit">Submit</button>
</form>
<script>
document.querySelector('button')
.addEventListener('click', (e) => {
e.preventDefault();
const username = document
.querySelector('#user').value;
const password = document
.querySelector('#pass').value;
fetch('/', {
method: 'POST',
headers: {
Authorization: 'Bearer abcdxyz',
'Content-Type': 'application/json',
},
body: JSON.stringify({
username,
password,
}),
})
.then((res) => {
return res.json();
})
.then((data) => console.log(data));
});
</script>
</body>
</html>
En el ejemplo anterior, hemos creado un servidor rápido que procesa el archivo index.html. Este index.html contiene un formulario que tiene dos entradas como nombre de usuario y contraseña. Cuando presionamos el botón Enviar, envía una solicitud POST a la ruta de inicio con el cuerpo que contiene el nombre de usuario y la contraseña y el encabezado que contiene el token de autorización. Manejamos esta solicitud de publicación dentro de nuestro método app.post() y enviamos estos detalles, es decir, el nombre de usuario, la contraseña y el token de autorización como respuesta. Posteriormente imprimimos estos detalles en la consola.
Ejecute el archivo app.js usando el siguiente comando:
node app.js
Salida: Abra el navegador y vaya a http://localhost:3000 y verá la siguiente salida.
Publicación traducida automáticamente
Artículo escrito por shivamsingh00141 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA