Node.js 中的 Flash Message

在本文中，我们将讨论 Node.js 中的flash message及其实现。

引言

当用户被重定向到某个网页时，开发者可以使用 Node.js 中的 connect-flash 模块显示弹出消息。例如，我们可能希望在用户登录和退出我们的 Node.js 演示应用程序时向他们发出提醒。connect-flash 模块允许我们在 Node.js 应用程序中使用 flash message。

前提条件

在开始开发我们的演示应用程序之前，让我们先看看先决条件-

• 已安装 Node.js 和 NPM
• NodeJS 及其模块的基础知识

初始化应用程序

第一步是创建 package.json 来初始化项目。为此，请运行以下命令

安装依赖项

为了在 Node.js 应用程序中实现带有 connect-flash 模块的 flash message，我们需要使用以下命令安装所需的依赖项。

• Express： connect-flash 库需要它来运行。
• Express-session： 当 flash message 出现时，它会创建一个会话，以便用户可以被重定向到特定页面。

设置 index.js

现在，进入代码部分并取 index.js 文件名。它可以是我们选择的任何名称。之后，打开 index.js 文件并使用以下代码导入模块。

现在，是时候着手逻辑部分并实现了。在 index.js 文件中编写如下代码。

输出

说明

• 导入模块后，指定演示应用程序将启动的端口。
• 建立一个 session-secret 来加密我们的私有数据。
• 通过选择SaveUninitialized，浏览器将不使用空的会话。此时，使用 app 调用 connect-flash 模块。employ(flash())。

稍后定义路由

• / 用于显示已指定的 message，然后将用户重定向到 / display-message 路由。
• 可以使用 /display-message 属性显示网页的特定 message。

运行应用程序

开发阶段完成后，使用以下命令启动应用程序并检查其功能。

当浏览器路由到 /display-message 时，将在浏览器中显示以下输出。

在视图文件中显示 Flash Messages

现在，我们将要在视图文件中显示 flash messages。我们必须为此使用ejs视图引擎。使用以下命令安装 ejs。

打开 index.js 并添加以下代码

在应用程序的根文件夹中创建 display.ejs 文件，并在 views 文件夹中。现在，使用以下代码在 display-message 路由中渲染视图模板 (display.ejs)。

完成后，将以下行添加到 views/index.js。

我们将使用 Bootstrap CSS 来美化 Flash message 的外观。使用以下代码，并将 Bootstrap CSS 文件包含在视图模板中。

在浏览器中打开 https://:3001/ 并重新启动 node 服务器。输出将类似于此。