¿Cómo mostrar mensajes flash usando el módulo connect-flash en Node.js?

El módulo Connect-flash para Node.js permite a los desarrolladores enviar un mensaje cada vez que un usuario se redirige a una página web específica. Por ejemplo, cada vez que un usuario inicia sesión con éxito en su cuenta, se muestra (se muestra) un mensaje que indica su éxito en la autenticación.
Requisitos previos Antes de comenzar con la aplicación, debe tener lo siguiente:

  1. Un IDE de su elección instalado en su sistema.
  2. Node.js y NPM instalados y configurados.
  3. Conocimientos básicos de Node.js y sus módulos.

Instalación y configuración: Primero, inicialice nuestra aplicación con un archivo package.json . Luego instale las dependencias que se requieren para nuestra aplicación mediante el siguiente comando:

npm install express express-session connect-flash --save 

Aquí, express es requerido por la biblioteca connect-flash para ejecutarse. Estamos utilizando una sesión rápida para que se pueda crear una sesión cada vez que se muestre un mensaje y el usuario sea redirigido a la página especificada.

Ahora, cree un archivo y asígnele el nombre app.js. Puede dar cualquier nombre de su elección. Ahora, abra el archivo app.js e importe los módulos con el siguiente código:

javascript

const express = require('express');
const session = require('express-session');
const flash = require('connect-flash');
  
const app = express();

Implementación: Ahora, viene la parte principal que es la implementación. Escriba el siguiente código en el archivo app.js :

app.js

const express = require('express');
const session = require('express-session');
const flash = require('connect-flash');
  
const app = express();
  
const port = process.env.PORT || 3000;
  
app.use(session({
    secret:'geeksforgeeks',
    saveUninitialized: true,
    resave: true
}));
  
app.use(flash());
  
app.get('/', (req, res) => {
  req.flash('message', 'Success!!');
  res.redirect('/gfg');
});
  
app.get('/gfg', (req, res) => {
    res.send(req.flash('message'));
});
  
app.listen(port, (err) => {
  if (err) console.log(err);
  console.log('Server is up and listening on', port);
});

Después de importar todas las dependencias requeridas, estamos definiendo un número de puerto en el que se ejecutará nuestra aplicación. Ahora, estamos definiendo un secreto de sesión mediante el cual se cifra nuestra información confidencial. SaveUninitialized evita que el navegador use sesiones vacías. Ahora estamos llamando a nuestro módulo connect-flash usando app.use(flash()).

Ahora, aquí viene la parte principal de nuestra aplicación. Estamos definiendo una ruta / , que primero mostrará (muestra) el mensaje especificado y luego redirige al usuario a la ruta /gfg . /gfg mostrará el mensaje especificado en la página web . Y, finalmente, hicimos que nuestra aplicación escuche el puerto especificado y, si se encuentra algún error, el error se registra en la consola.

Ahora, ejecute la aplicación con el siguiente comando:

node app.js

Salida: el navegador redirigirá directamente al usuario a la ruta /gfg y mostrará la salida como se muestra a continuación:

Conclusión: el módulo Connect-flash para Node.js es muy útil para los desarrolladores siempre que se envíe un mensaje flash. En este artículo, aprendimos sobre el módulo connect-flash . Instalamos e importamos las dependencias requeridas en nuestra aplicación. Finalmente, implementamos nuestro módulo y vimos cómo funciona realmente en un navegador.

Publicación traducida automáticamente

Artículo escrito por pranjal_srivastava y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *