掌握Express：Node.js框架入门与高效使用指南

Express 是一个流行的 Node.js 框架，它提供了一个简洁、灵活的 API，用于快速构建单页、多页或混合应用程序。本指南将帮助你入门 Express，并了解如何高效地使用它。

第一章：Express 简介

1.1 什么是 Express？

Express 是一个基于 Node.js 的最小化 Web 应用程序框架，用于快速、轻松地构建 Web 应用程序。它提供了中间件、路由、模板引擎等特性，使得开发人员可以集中精力在应用程序的业务逻辑上。

1.2 Express 的优势

简洁性：Express 提供了一个极简的 API，易于学习和使用。
灵活性：Express 允许你根据需要选择不同的组件和中间件。
模块化：Express 支持模块化开发，使得代码结构清晰。
高性能：Express 在 Node.js 的基础上，提供了高效的性能。

第二章：Express 入门

2.1 安装 Node.js

在开始使用 Express 之前，你需要确保已经安装了 Node.js。可以从 Node.js 官网下载并安装。

2.2 创建一个新的 Express 项目

mkdir my-express-app cd my-express-app npm init -y npm install express

2.3 编写第一个 Express 应用

创建一个名为 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(`Server is running on http://localhost:${port}`); });

运行以下命令启动服务器：

node app.js

访问 http://localhost:3000，你应该能看到 “Hello, World!” 的输出。

第三章：Express 路由

Express 的核心是路由，它允许你定义如何处理不同路径的请求。

3.1 定义路由

app.get('/', (req, res) => { res.send('Home Page'); }); app.get('/about', (req, res) => { res.send('About Page'); });

3.2 动态路由

app.get('/user/:id', (req, res) => { const userId = req.params.id; res.send(`User Page for ${userId}`); });

第四章：Express 中间件

中间件是 Express 的一个强大特性，它允许你在请求处理链中插入自定义逻辑。

4.1 创建一个简单的中间件

app.use((req, res, next) => { console.log('Time:', Date.now()); next(); });

4.2 中间件的顺序

确保你的中间件按照正确的顺序排列，以避免不必要的错误。

第五章：Express 模板引擎

Express 支持多种模板引擎，如 EJS、Pug、Handlebars 等。

5.1 安装 EJS

npm install ejs

5.2 配置 EJS

app.set('view engine', 'ejs');

5.3 使用 EJS 渲染视图

app.get('/', (req, res) => { res.render('index', { title: 'Home Page' }); });

创建一个名为 index.ejs 的文件在 views 目录下：

<!DOCTYPE html> <html> <head> <title><%= title %></title> </head> <body> <h1><%= title %></h1> </body> </html>

第六章：Express 高效使用技巧

6.1 使用中间件缓存

使用中间件缓存可以提高应用程序的性能。

app.use((req, res, next) => { res.set('Cache-Control', 'public, max-age=3600'); next(); });

6.2 利用模板引擎

使用模板引擎可以减少重复的 HTML 代码，提高开发效率。

6.3 监听多个端口

const http = require('http'); const server = http.createServer(app); server.listen(3000, () => { console.log('Server is running on http://localhost:3000'); }); server.listen(3001, () => { console.log('Server is running on http://localhost:3001'); });