在现代前端开发中，使用 Node.js 和 Express.js 来实现 Web 逻辑已经成为了一种主流的方式。这两个框架都有着强大的功能和广泛的社区支持，让开发者可以使用更加高效和灵活的方式来构建 Web 应用程序。在本文中，我们将介绍如何使用 Node.js 和 Express.js v4+ 来实现 Web 逻辑，希望能够为有需要的开发者提供一些帮助和指导。
什么是 Node.js 和 Express.js
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，可以让开发者使用 JavaScript 编写后端代码。它通过事件驱动、非阻塞式 I/O 模型等特性实现了高效的网络通信、文件操作和数据库访问等功能，从而可以让我们构建出高度可伸缩和高性能的应用程序。
Express.js 则是一个基于 Node.js 的 Web 应用程序开发框架，它提供了一组简洁、灵活和可扩展的 API，让开发者可以快速地构建出符合 RESTful 设计风格的 Web 服务。同时，它还支持路由处理、中间件、异常处理等功能，让我们可以更加便捷地实现 Web 应用程序开发。
Node.js 和 Express.js 的安装和配置
在开始使用 Node.js 和 Express.js 来实现 Web 应用程序之前，我们需要先完成它们的安装和配置工作。
安装 Node.js
首先，我们需要在本地计算机上安装 Node.js，可以从官方网站下载对应版本的 Node.js，根据提示完成安装即可。安装完成后可以在命令行终端中输入 node -v 命令来检查 Node.js 的版本信息。
安装 Express.js
Express.js 是一个 Node.js 框架，因此我们需要先安装 Node.js 才能使用 Express.js 。在安装了 Node.js 之后，我们可以使用 Node.js 自带的包管理工具 npm （Node Package Manager）来安装 Express.js，具体命令如下：
$ npm install express
安装完成后，我们就可以在代码中引入 Express.js 模块来使用它提供的API。
编写 Express.js Web 应用程序
下面我们就开始正式学习如何使用 Node.js 和 Express.js v4+ 来实现 Web 逻辑，这里我们以一个简单的 Hello World 应用程序为例。
-- -------------------- ---- ------- -- -- ---------- -- ----- ------- - ------------------- -- ---- ---------- ------ ----- --- - ---------- -- --------- ------------ -------- ----- ---- - --------------- --------- --- -- -- ---- ----- ---------------- -------- -- - -------------------- --- --------- -- ---- -------- ---
上面的代码中，我们首先引入了 Express.js 模块，并创建了一个 Express.js 应用程序实例 app，然后定义了一个路由处理器，用于处理 GET 请求 http://localhost:3000/，返回一个包含 "Hello World!" 的响应。最后，我们监听了 3000 端口的请求，并在控制台输出了监听成功的提示信息。
Express.js 的常用功能模块
除了上面的 Hello World 应用程序之外，Express.js 还提供了很多常用的功能模块，下面我们来逐一介绍一下。
路由管理
在 Express.js 中，路由是指将一个 HTTP 请求映射到一个处理器函数的过程。Express.js 提供了非常灵活和方便的路由管理方式，可以使用 GET、POST、PUT、DELETE 等 HTTP 方法来定义路由，也可以使用正则表达式来匹配路由路径。
-- -------------------- ---- ------- -- --- ---- --------------------- ------------- ---- - -------------- -- - - - --------------- --- -- ---- ---- ------------------ ------------- ---- - ------------------ --- -- --- ---- --------------------- ------------- ---- - -------------- -- - - - --------------- --- -- ------ ---- ------------------------ ------------- ---- - -------------- -- - - - --------------- ---
上面的代码中，我们使用了不同的 HTTP 方法来定义路由，在路由路径中还使用了动态参数 :id，用于接收路由中传入的 ID 值。
中间件
在 Express.js 中，中间件是指在路由处理函数前或后添加处理逻辑的函数，可以用来实现请求和响应的预处理、权限验证、日志记录等功能。
-- -------------------- ---- -------
-- ---------
--------------------- ---- ----- -
----------------------- ---------
-------
---
-- --------
--------------------- ---- ----- -
-- ------------------- -
-----------------------
- ---- -
-------
-
---上面的代码中，第一个中间件函数使用 app.use() 方法来定义，用来打印所有请求的信息，在处理路由函数前执行。第二个中间件函数用来检查用户是否登录，如果未登录则重定向到登录页面，否则执行下一个处理函数。
模板引擎
在 Web 应用程序中，模板引擎是指将带有变量和逻辑控制语句的模板文件转换成 HTML 页面的工具。Express.js 支持多种模板引擎，包括 EJS、Pug、Handlebars 等，使用起来非常方便和灵活。
// 配置 EJS 模板引擎
app.set('views', './views');
app.set('view engine', 'ejs');
// 渲染 EJS 模板文件
app.get('/', function(req, res) {
res.render('index', { title: 'Node.js', message: 'Hello World!' });
});上面的代码中，我们首先配置了 EJS 模板引擎，使用 app.set() 方法设置了视图目录 views 和默认的视图引擎为 ejs，然后在 http://localhost:3000/ 路由上使用 res.render() 方法渲染了 index.ejs 模板文件，并传递了一个包含 title 和 message 两个参数的数据对象。最后，Express.js 会自动根据传递的数据对象和模板文件生成一个 HTML 页面返回给客户端。
异常处理
在 Express.js 应用程序中，如果出现错误或异常，需要及时进行处理，返回适当的错误响应信息。Express.js 提供了一种统一的异常处理机制，可以使用 app.use() 方法来定义异常处理中间件。
// 统一异常处理
app.use(function(err, req, res, next) {
console.error(err.stack);
res.status(500).send('服务器内部错误！');
});上面的代码中，定义了一个异常处理中间件函数，用来捕获所有的异常，并返回一个包含错误信息的 500 状态的响应。
总结
通过本文的介绍，相信大家已经了解了如何使用 Node.js 和 Express.js v4+ 来实现 Web 逻辑，并掌握了使用路由管理、中间件、模板引擎和异常处理等常用功能模块的方法。当然，这只是 Node.js 和 Express.js 的冰山一角，它们还有很多其他的高级功能和扩展库等待我们去探索和学习。希望本文能够为初学者提供一些帮助和指导，有兴趣的读者可以继续深入学习和应用这两个强大的工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649cfb0c48841e98949af99a