Node.js 中使用 Express 进行 Web 开发教程

阅读时长 4 分钟读完

简介

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,可以在服务器端运行 JavaScript。Express 是一个基于 Node.js 平台的 Web 框架,提供了一系列的工具和 API,使得 Web 开发变得更加简单和高效。

在本文中,我们将介绍如何在 Node.js 中使用 Express 进行 Web 开发,包括安装和配置 Express,处理 HTTP 请求和响应,使用模板引擎,以及使用中间件等。

安装和配置 Express

在开始使用 Express 进行 Web 开发之前,我们需要先安装和配置 Express。首先,我们需要在本地安装 Node.js 和 npm(Node.js 的包管理器)。安装完成后,我们可以使用以下命令来安装 Express:

安装完成后,我们可以创建一个名为 app.js 的文件,使用以下代码来初始化 Express:

以上代码中,我们首先引入了 Express 模块,然后创建了一个 Express 应用程序,并将其赋值给变量 app。接着,我们使用 app.listen() 方法来启动应用程序,并指定监听的端口号为 3000。最后,我们打印出一条消息,表示应用程序已经启动。

处理 HTTP 请求和响应

在 Express 中,我们可以使用各种 HTTP 方法来处理客户端发来的请求,包括 GET、POST、PUT、DELETE 等。以下是一个使用 GET 方法处理请求的示例:

以上代码中,我们使用 app.get() 方法来定义一个 GET 请求处理器。当客户端发来一个 GET 请求,且请求的 URL 为根路径(/)时,我们将向客户端发送一条消息,内容为 "Hello World!"。

除了使用 res.send() 方法来向客户端发送消息外,我们还可以使用 res.sendFile() 方法来发送文件,或者使用 res.render() 方法来渲染模板。

使用模板引擎

在实际的 Web 开发中,我们通常需要使用模板引擎来生成 HTML 页面。Express 支持多种模板引擎,包括 EJS、Pug、Handlebars 等。以下是一个使用 EJS 模板引擎的示例:

首先,我们需要安装 EJS 模板引擎:

然后,在 app.js 中添加以下代码:

以上代码中,我们使用 app.set() 方法来设置模板引擎为 EJS。然后,在 GET 请求处理器中,我们使用 res.render() 方法来渲染名为 index 的模板,并向模板传递一个名为 title 的变量,其值为 "Express"。

接下来,我们需要创建一个名为 index.ejs 的文件,其内容如下:

-- -------------------- ---- -------
--------- -----
------
  ------
    ---------- ----- ----------
  -------
  ------
    ------- ----- -------
    ---------- -- --- ----- ------
  -------
-------
展开代码

以上代码中,我们使用 <%= %> 标记来输出模板中的变量。当模板被渲染时,模板引擎会将 <%= title %> 替换为 "Express"。

使用中间件

在 Express 中,我们可以使用中间件来处理 HTTP 请求和响应。中间件是一个函数,可以访问请求对象、响应对象以及应用程序的下一个中间件函数。

以下是一个使用中间件的示例:

以上代码中,我们使用 app.use() 方法来注册一个中间件函数。每当客户端发来一个请求时,该中间件函数都会被调用一次,打印出当前时间。

除了使用内置的中间件函数外,我们还可以编写自己的中间件函数,以实现自定义的功能。

结语

在本文中,我们介绍了如何在 Node.js 中使用 Express 进行 Web 开发,包括安装和配置 Express,处理 HTTP 请求和响应,使用模板引擎,以及使用中间件等。通过学习本文,读者可以了解到 Express 的基本用法,并能够使用 Express 开发简单的 Web 应用程序。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/67da1d33a941bf71341d607c

纠错
反馈

纠错反馈

程序员教程

精选优质教程,助你快速提升技术实力

程序员面试题库

海量优质面试题,助你轻松应对技术面试