Express.js 是一种流行的 Node.js 框架，用于开发 Web、API 以及各种 Web 应用程序。它易于学习、设计简洁、轻量级且灵活，因此备受前端开发者们的喜爱。
本文将会为大家介绍 Express.js 的基本概念、如何使用它来搭建一个简单的 Web 应用程序，以及一些最佳实践和技巧。
安装与环境配置
在开始学习 Express.js 之前，确保您的电脑上已经安装了 Node.js。在安装成功之后，可以使用以下命令来安装 Express.js：
$ npm install express
在安装成功之后，我们需要创建一个新目录并在其中运行以下命令：
$ npm init
此命令将会创建一个 package.json 文件，其中包含了我们的项目的相关信息。接下来，我们可以创建我们的第一个应用程序。
创建一个基本的应用程序
创建一个基本的 Express.js 应用程序非常简单。在新目录中创建一个名为 app.js 的文件（或任何其他名字），然后写入以下代码来定义我们的应用程序：
-- -------------------- ---- ------- ----- ------- - ------------------ ----- --- - --------- ------------ ----- ---- -- - --------------- -------- -- ---------------- -- -- - -------------------- --- --------- -- ---- ------- --
在以上代码中，我们首先导入 Express.js 模块，然后创建一个 Express 应用程序实例并且定义了一个路由，用于在用户请求根路径时发送 “Hello World!” 响应。最后我们将服务器监听在端口 3000 上。
现在我们可以使用以下命令运行应用程序：
$ node app.js
在成功启动之后，打开您的浏览器并访问 http://localhost:3000，您将会看到一个 “Hello World!” 的响应。
处理路由和请求参数
在上面的示例中，我们定义了一个简单的路由。但是在实际开发中，我们需要处理更具体的路由和请求参数。
例如，我们可能需要处理带有请求参数的路由，例如 /users/123，其中 123 是用户的 ID。我们可以使用以下方式定义此路由：
app.get('/users/:id', (req, res) => {
res.send(`User ID: ${req.params.id}`)
})在以上代码中，我们使用 : 来定义路由参数，并将其存储在 req.params 对象中。现在，当我们访问 /users/123 时，将会获取到 123，并将其响应到客户端。
我们还可以使用 req.query 对象来获取 GET 请求中的查询参数。例如，如果 URL 中包含 ?page=2&limit=10，我们可以使用以下代码获取查询参数：
app.get('/users', (req, res) => {
const page = parseInt(req.query.page)
const limit = parseInt(req.query.limit)
res.send(`Page: ${page}, Limit: ${limit}`)
})在上面的代码中，我们使用两个 parseInt() 方法将参数转换为数字，并将其响应到客户端。
使用模板引擎
Express.js 也支持使用模板引擎来生成动态网页。模板引擎可以帮助我们轻松地定义 HTML 页面，并将其与后端数据结合起来。
在以下示例中，我们将使用 Pug 模板引擎来创建一个非常简单的动态网页：
首先，安装 Pug 模板引擎：
$ npm install pug
然后，在我们的应用程序中，创建一个名为 views 的文件夹，并将 index.pug 文件放置到此文件夹中：
html
head
title= title
body
h1= message在以上代码中，我们定义了一个 HTML 页面，并使用 Pug 语法将标题和消息动态地替换。接下来，我们通过以下代码来加载 Pug 视图：
app.set('view engine', 'pug')
app.get('/', (req, res) => {
res.render('index', { title: 'Express.js Tutorial', message: 'Hello World!' })
})在以上代码中，我们使用 app.set() 方法设置 Pug 为默认的视图引擎。接着，在根路由中，我们使用 res.render() 方法来加载视图，并将要替换的数据传递到视图。
现在，当我们访问 http://localhost:3000 时，将会看到一个包含 “Hello World!” 的标题的 HTML 页面。
最佳实践
在实际开发中，为了保持代码的可读性和可维护性，我们需要遵循一些最佳实践。
- 使用路由模块化：尽可能将路由定义为单独的模块，并根据功能组织它们。
- 使用中间件：中间件用于处理请求和响应，例如解析请求体、验证用户、记录请求日志等。
- 错误处理：在应用程序中使用错误处理程序，以便正确地处理错误和异常，并为用户提供有用的错误提示。
结论
本文深入介绍了 Express.js 的基本概念，如何使用它来搭建一个简单的 Web 应用程序，以及一些最佳实践和技巧。我们希望这篇文章可以帮助您学习和了解 Express.js，并且可以在您的下一个项目中得到应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66ef8e186fbf9601972fe8c2