介绍
Express.js 是一个使用 Node.js 平台构建 Web 应用程序的开源框架。它提供了一组强大的功能，用于处理 HTTP 请求、路由、中间件等操作，使 Web 开发变得更为简单和快速。本篇文章将讲解如何使用 Express.js 框架搭建 Web 应用程序。
安装
要使用 Express.js 框架，首先需要在本地环境中安装 Node.js 环境。打开命令行界面，输入以下命令进行安装：
npm install express安装完成后，我们可以开始使用 Express.js 框架构建我们的应用程序。
搭建服务
创建一个名为 app.js 的文件，并在其中添加以下代码：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ------------ ----- ---- -- - --------------- ----------- --- ---------------- -- -- - ------------------- -- ------- -- ---- ------- ---展开代码
在以上代码中，我们加载了 express 模块并创建了一个 app 应用程序实例。然后使用 app.get() 方法指定一个 GET 请求路由，并返回一个字符串信息。最后使用 app.listen() 方法启动服务在 3000 端口上监听请求。
在命令行中运行 node app.js 命令，就可以启动应用程序并访问 http://localhost:3000 端口，在浏览器中将会显示 "Hello Express!" 的信息。
路由
路由是指处理客户端发起的 HTTP 请求的过程。在 Express.js 中，我们可以使用 app.get()、app.post()、app.put()、app.delete() 等方法来实现路由。
下面是一个 GET 请求和 POST 请求的路由示例：
app.get('/users', (req, res) => { res.send('GET users'); }); app.post('/users', (req, res) => { res.send('POST users'); });
在以上代码中，我们使用 app.get() 方法创建了一个名为 /users 的 GET 请求路由，并返回一个字符串信息。同样地，我们使用 app.post() 方法创建了一个名为 /users 的 POST 请求路由，也同样返回一个字符串信息。
中间件
中间件是指在处理 HTTP 请求过程中，介于客户端和服务端之间的一组对请求和响应对象进行处理的方法。
在 Express.js 中，我们可以使用 app.use() 方法来加载中间件。下面是一个输出请求 URL 的中间件示例：
app.use((req, res, next) => { console.log(`Request URL: ${req.url}`); next(); });
在以上代码中，我们使用 app.use() 方法创建了一个中间件，该中间件接受三个参数：req、res 和 next。req 表示请求对象，res 表示响应对象，next 表示中间件控制权转发的函数。在中间件函数内部，我们使用 console.log() 方法输出了请求 URL，并调用了 next() 函数，将中间件控制权转发给下一个中间件或路由。
模板引擎
模板引擎是一种将数据和 HTML 模板进行结合的技术，常用于构建视图层。
在 Express.js 中，我们可以通过模板引擎来渲染将要返回给客户端的 HTML 页面。常用的模板引擎有 Pug、EJS、Handlebars 等。
以下是一个使用 Pug 模板引擎渲染视图的示例：
安装 Pug 模板引擎：
npm install pug在 app.js 中设置模板引擎和模板目录：
const express = require('express'); const app = express(); app.set('view engine', 'pug'); app.set('views', './views');
在 views 文件夹下创建一个名为 index.pug 的文件，写入以下内容：
doctype html html head title Express.js 框架入门教程 body h1 #{title}
在路由中添加响应：
app.get('/', (req, res) => { res.render('index', { title: 'Hello Express!' }); });
在以上代码中，我们使用 app.set() 方法设置了模板引擎为 Pug，并设置了模板文件所在的目录。然后在 / 路由中使用 res.render() 方法来渲染视图。其中 index 表示渲染的模板文件名，{ title: 'Hello Express!' } 表示要渲染的数据。最终返回给客户端的 HTML 页面如下：
-- -------------------- ---- ------- --------- ----- ------ ------ ----------------- -------------- ------- ------ --------- ------------- ------- -------展开代码
至此，我们已经完成了一个使用 Express.js 框架搭建的简单 Web 应用程序。
结语
Express.js 框架是一种使用 Node.js 平台构建 Web 应用程序的强大框架，它提供了一组强大的功能，如路由、中间件、模板引擎等。本文介绍了如何使用 Express.js 框架搭建一个基本的 Web 应用程序，并讲解了其中的路由、中间件、模板引擎等概念。希望读者可以通过本篇文章入门 Express.js 框架，并开始尝试使用它构建 Web 应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67bed1cf0c976d473a318daf
