在 MEAN Stack 中添加 Express 框架

2025年3月17日 | 阅读 3 分钟

在上一节中,我们在应用程序中添加了 node 后端。 正如所讨论的,只使用 nodejs 编写所有代码非常麻烦或困难,为此,我们需要一个 express 框架。 在本节中,我们将为 nodejs 添加 express 框架,以使 nodejs 开发更容易。 以下是添加 express 框架的步骤

1) 我们将通过运行以下命令使用 npm 安装 express。

Adding the Express Framework in MEAN Stack

2) 我们现在将添加 express 应用程序及其所有属于它的文件到后端文件夹中。 在后端文件夹中,我们将创建一个 app.js 文件。

Adding the Express Framework in MEAN Stack

3) 这个 app.js 文件将保存 express 应用程序,它仍然是一个 nodejs 服务端应用程序,以利用这些 express 特性。 我们将以与在 server.js 文件中导入 http 包相同的方式导入 express。

Adding the Express Framework in MEAN Stack

express 并非 node 附带的包,而是我们刚刚用 npm 安装的包。

4) 现在,我们将使用 express,并且使用它的一种方法是快速添加一个仅处理单个路径请求的路由。 我们将通过创建 express 应用程序来做到这一点。 我们将创建一个常量 app,因为我们不会更改它,然后执行该 express 包。 我们将把 express 作为函数执行,它将返回给我们一个 express 应用程序。

Adding the Express Framework in MEAN Stack

现在,我们可以使用这个 app。 express 应用程序只是一系列中间件,我们将其应用于传入的请求。

5) 因此,我们将使用 app 添加一个中间件,然后以以下方式使用 use 关键字

use 函数在我们的应用程序和传入的请求上使用一个新的中间件。

Adding the Express Framework in MEAN Stack

6) 中间件函数接受一个函数,该函数为传入的请求执行,并且该函数接受三个参数,即请求、响应和 next 函数。 请求和响应参数与 nodejs 相同,而 next 函数用于一个特殊目的。 如果我们执行此函数,那么请求实际上将继续其行程,如下所示

在上面的代码中,第一个中间件是无用的。 在这个中间件中,next 函数起着重要的作用,因为它调用了下一个中间件,并且在下一个中间件中,我们将使用 response 的 send 函数将响应发送回去。

7) 然后,我们将这个非常简单的 express 应用程序与我们的服务器连接起来,在那里我们正在侦听传入的请求。 我们将使用该 app 作为侦听器,因此我们需要导出该 app。 在这里,我们不会使用 export 关键字来导出 app。 我们将有一个带有 exports 对象的 module 对象,并且我们像这样在这个 exports 对象中将我们要导出的内容注册为值

Adding the Express Framework in MEAN Stack

8) 现在,我们将在我们的 server.js 文件中导入它。 我们将添加一个新的常量 app 并在 required 函数中传递我们应用程序的路径,如下所示

Adding the Express Framework in MEAN Stack

9) 现在,我们将使用该 app 作为传入请求的侦听器。 我们将把 app 传递给我们的 createServer 函数。

Adding the Express Framework in MEAN Stack

10) 在将 app 传递给我们的 createServer 函数之前,还有一件事很重要,我们需要告诉 express 我们正在工作的端口。 为此,我们需要使用 set 函数以以下方式设置端口键

Adding the Express Framework in MEAN Stack

现在,如果我们重新启动 node 服务器,我们的浏览器和控制台将如下所示

Adding the Express Framework in MEAN Stack

在下一节中,我们将通过简单地在其中添加错误处理方法来改进我们的 server.js 文件。

Adding the Express Framework in MEAN Stack