📜  如何在 Node.js 中使用 connect-flash 模块显示 Flash 消息?

📅  最后修改于: 2022-05-13 01:56:36.046000             🧑  作者: Mango

如何在 Node.js 中使用 connect-flash 模块显示 Flash 消息?

Node.js 的Connect-flash模块允许开发人员在用户重定向到指定网页时发送消息。例如,每当用户成功登录到他/她的帐户时,就会闪现(显示)一条消息,指示他/她的身份验证成功。
先决条件在开始使用应用程序之前,您必须具备以下条件:

  1. 您选择的 IDE 安装在您的系统中。
  2. 安装并配置了 Node.js 和 NPM。
  3. Node.js 及其模块的基本知识。

安装和设置:首先,使用package.json文件初始化我们的应用程序。然后通过以下命令安装我们的应用程序所需的依赖项:

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

在这里, connect-flash库需要express才能运行。我们正在使用express-session以便在消息闪烁并将用户重定向到指定页面时可以创建会话。

现在,创建一个文件并将其命名为app.js 。您可以选择任何名称。现在,打开app.js文件并通过以下代码导入模块:

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


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);
});


实施:现在,是实施的主要部分。在app.js文件中编写以下代码:

应用程序.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);
});

导入所有必需的依赖项后,我们将定义一个端口号,我们的应用程序将在该端口号上运行。现在,我们正在定义一个会话密钥,使用它来加密我们的敏感信息。 SaveUninitialized防止浏览器使用空会话。现在我们使用app.use(flash())调用我们的connect-flash模块。

现在,这是我们应用程序的主要部分。我们正在定义一个路由/ ,它将首先闪烁(显示)指定的消息,然后将用户重定向到/gfg路由。 /gfg将在网页上显示指定的消息。最后,我们让我们的应用程序监听指定的端口,如果遇到任何错误,则错误会记录在控制台上。

现在,通过以下命令运行应用程序:

node app.js

输出:浏览器会直接将用户重定向到/gfg路由,并显示如下输出:

结论:用于 Node.js 的Connect-flash模块对于开发人员来说非常有用,无论何时要发送 Flash 消息。在本文中,我们了解了connect-flash模块。我们在应用程序中安装并导入了所需的依赖项。最后,我们实现了我们的模块并查看了它在浏览器中的实际工作方式。