Express.js Tutorial – Envío de formulario de contacto
En este tutorial, aprenderemos cómo enviar un formulario de contacto utilizando Express.js.
Paso 1: Crear el formulario
Lo primero que debemos hacer es crear el formulario de contacto en nuestro archivo HTML. Aquí tienes un ejemplo de cómo podría verse:
Paso 2: Configurar la ruta en Express.js
Una vez que tengamos nuestro formulario, necesitamos configurar la ruta en nuestro servidor de Express.js para manejar el envío del formulario. Aquí tienes un ejemplo de cómo podríamos hacer eso:
“`javascript
const express = require(‘express’);
const app = express();
app.post(‘/submitForm’, (req, res) => {
const { name, email, message } = req.body;
// Aquí podríamos enviar el mensaje a través de un correo electrónico, guardarlo en una base de datos, etc.
res.send(‘Formulario enviado exitosamente’);
});
app.listen(3000, () => {
console.log(‘Servidor iniciado en el puerto 3000’);
});
“`
Paso 3: Probar el formulario
Ahora que tenemos nuestro formulario y nuestra ruta configurados, podemos probar el envío del formulario. Simplemente llena el formulario con tu nombre, correo electrónico y un mensaje, y presiona el botón de “Enviar”. Deberías ver un mensaje que confirme que el formulario fue enviado exitosamente.
Conclusión
En este tutorial, aprendimos cómo enviar un formulario de contacto utilizando Express.js. Este es un paso importante en la construcción de aplicaciones web, ya que permite a los usuarios ponerse en contacto con nosotros. Espero que este tutorial te haya sido útil y te haya dado una comprensión básica de cómo enviar formularios en Express.js.
