Express.js 是一个基于 Node.js 平台的灵活轻量级 Web 应用框架，被广泛用于快速构建高性能的 Web 应用程序。它提供了简洁、灵活的 API，使得开发者能够轻松地进行路由、中间件、模板引擎等方面的开发。本篇博客将介绍如何使用 Express.js 进行 Web 开发。
1. 安装 Express.js
首先，你需要确保已经在本地安装了 Node.js。接下来，使用 Node.js 自带的包管理工具 npm，执行以下命令来安装 Express.js：
npm install express
2. 创建 Express.js 应用
在安装完成后，你可以使用以下命令创建一个新的 Express.js 应用：
mkdir myapp
cd myapp
npm init
上述命令将创建一个名为 myapp 的文件夹，并在该文件夹中初始化一个新的 Node.js 项目。
3. 创建基本的 Express.js 应用
在项目文件夹中，创建一个名为 app.js 的文件，并在其中编写以下代码：
const express = require('express');
const app = express();
const port = 3000;
app.get('/', (req, res) => {
res.send('Hello World!');
});
app.listen(port, () => {
console.log(`App listening at http://localhost:${port}`);
});
上述代码创建了一个简单的 Express.js 应用，监听端口号为 3000，当访问根路径时返回 "Hello World!"。
4. 运行 Express.js 应用
使用以下命令来运行 Express.js 应用：
node app.js
然后，在浏览器中打开 http://localhost:3000 ，你将看到 "Hello World!" 被返回。
5. 添加路由和中间件
Express.js 允许你定义不同的路由和中间件来处理不同的请求。下面是一个示例代码：
// 定义根路径下的 GET 请求处理
app.get('/', (req, res) => {
res.send('Hello World!');
});
// 定义 /about 路径下的 GET 请求处理
app.get('/about', (req, res) => {
res.send('About Page');
});
// 定义中间件函数，用于处理所有请求
app.use((req, res, next) => {
console.log('Request received');
next();
});
// 自定义中间件函数，用于在响应时添加自定义标头
const customMiddleware = (req, res, next) => {
res.setHeader('X-Custom-Header', 'Hello');
next();
};
app.use(customMiddleware);
通过上面的代码示例，你可以理解如何定义不同路径下的请求处理以及如何使用中间件。
6. 使用模板引擎
Express.js 支持多种模板引擎，例如 EJS、Handlebars、Pug 等。在使用模板引擎之前，你需要先安装对应的包。下面是一个使用 EJS 模板引擎的示例：
首先，安装 EJS：
npm install ejs
在 Express.js 应用中配置 EJS 模板引擎：
app.set('view engine', 'ejs');
创建一个名为 views 的文件夹，在该文件夹中创建一个名为 index.ejs 的文件：
<!DOCTYPE html>
<html>
<head>
<title>Express.js Template</title>
</head>
<body>
<h1>Welcome to our website!</h1>
<p><%= message %></p>
</body>
</html>
修改根路径下的 app.get() 函数，使其使用模板引擎返回 HTML 页面：
app.get('/', (req, res) => {
res.render('index', { message: 'Hello World!' });
});
通过上述代码修改后，当访问根路径时，将返回一个包含 "Hello World!" 的 HTML 页面。
7. 总结
本篇博客介绍了如何使用 Express.js 进行 Web 开发。你学会了如何安装 Express.js，创建一个基本的 Express.js 应用，添加路由和中间件，以及使用模板引擎来生成动态页面。Express.js 提供了丰富的功能和易用的 API，使得构建 Web 应用变得简单而快速。
本文来自极简博客，作者：代码魔法师，转载请注明原文链接：如何使用Express.js进行Web开发
