什么是Express.js？它与Node.js的关系是什么？

最新推荐文章于 2025-04-01 14:30:30 发布

JJCTO袁龙

最新推荐文章于 2025-04-01 14:30:30 发布

阅读量1.9k

点赞数 16

分类专栏： Node.js 文章标签： express javascript node.js

本文链接：https://blog.csdn.net/yuanlong12178/article/details/140103280

版权

Node.js 专栏收录该内容

251 篇文章

订阅专栏

在现代Web开发的世界中，开发人员必须的是熟悉一系列的工具和框架，而Express.js就是其中之一。Express.js应用广泛，并且是Node.js中的关键组件之一。对于那些准备前端开发面试的候选人，理解Express.js及其作用是至关重要的。本文将深入探讨什么是Express.js，它与Node.js的关系，并通过示例代码展示其基本用法。

Express.js概述

Express.js是一个基于Node.js的Web应用框架。它简洁灵活，提供了一组强大的特性来帮助开发人员轻松快速地构建Web应用和API。它本身并不是一个完全的框架，而更像是一个架构，给予开发人员足够的自由来选择所需的中间件，插件和模块。

Express.js 的一些主要特点包括：

简洁和快速：Express是一个极为简洁、轻量级的框架，尽最大努力保持简单。
强大和灵活：它提供了强大的中间件系统和路由功能，使开发变得非常灵活。
丰富的插件：具有大量的第三方插件可供使用，极大地扩展了框架的功能。
高性能：Express因为其轻量级和高效的特点被认为是性能良好的框架。

Node.js概述

Node.js 提供了一系列的功能：

非阻塞I/O：Node.js使用事件驱动的非阻塞I/O模型，使其高效且轻量。
单线程：尽管Node.js是单线程的，它通过事件循环机制来处理并发，具有高效的处理能力。
广泛的模块生态系统：Node.js拥有一个庞大的模块生态系统，NPM（Node Package Manager）。

Express.js和Node.js的关系

基本上可以总结如下：

依赖关系：Express.js依赖Node.js创建服务器和执行JavaScript代码。没有Node.js，Express.js无法独立运行。
简化开发：Node.js提供了底层的API和功能，而Express.js建立在这些之上，从而简化Web开发的过程。
高效开发模式：Node.js提供了快速、轻量的运行时环境，Express.js利用这一点，为开发人员提供一种高效的开发模式。

通过这样两者的协同工作，开发人员可以创建功能丰富、高效和响应迅速的Web应用。

示例代码

为了更好地理解Express.js与Node.js的组合，我们来看一个简单的示例代码，展示如何用Express.js创建一个基本的Web服务器。

Step 1: 安装Node.js和Express.js

首先，确保你已经安装了Node.js和npm。然后，在你的项目文件夹下执行如下命令来安装Express.js：

npm init -y
npm install express

Step 2: 创建服务器

在你的项目文件夹中创建一个名为app.js的文件，并在其中添加如下代码：

const express = require('express');
const app = express();
const port = 3000;

// 设置路由
app.get('/', (req, res) => {
  res.send('Hello World!');
});

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

app.get('/contact', (req, res) => {
  res.send('Contact Us');
});

// 启动服务器
app.listen(port, () => {
  console.log(`Server is running on http://localhost:${port}`);
});

Step 3: 运行服务器

在终端中，导航到你的项目文件夹并运行以下命令：

node app.js

现在，打开你的浏览器并访问http://localhost:3000/，你将看到“Hello World!”的消息。这证明你的Express.js服务器已经成功运行。

Step 4: 更多功能

为了进一步展示Express.js的功能，我们可以添加一个中间件来处理日志记录和一个用于处理404错误的路由：

// 引入morgan用于日志记录
const morgan = require('morgan');
app.use(morgan('tiny'));

// 中间件: 解析JSON请求体
app.use(express.json());

// 处理POST请求
app.post('/data', (req, res) => {
  console.log(req.body);
  res.send('Data received');
});

// 处理404错误的中间件
app.use((req, res, next) => {
  res.status(404).send('Sorry, we cannot find that!');
});

// 错误处理程序
app.use((err, req, res, next) => {
  console.error(err.stack);
  res.status(500).send('Something went wrong!');
});