Express 基础操作和详解

2023年 9月 25日 57.0k 0

Express 基础操作和详解

Express.js 是一个基于 Node.js 平台的 Web 应用程序框架,它旨在帮助开发者轻松构建和管理 Web 服务和应用程序。Express 提供了许多强大的功能,使得创建可扩展、灵活且高性能的 Web 应用变得相对容易。以下是 Express 的主要特点和一些核心概念的详细解释:

在这里插入图片描述

安装 Express.js

在开始之前,确保你已经安装了 Node.js 和 npm。接下来,你可以使用 npm 来安装 Express.js:

npm install express

创建一个简单的 Express 应用

首先,创建一个名为 app.js 的文件,用于编写 Express 应用程序。然后,按照以下步骤创建一个简单的 Express 应用:

步骤 1: 导入 Express 模块

app.js 文件中,首先导入 Express 模块:

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

步骤 2: 创建一个 GET 请求处理程序

使用 Express,你可以创建不同类型的路由来处理不同的 HTTP 请求。下面是一个简单的 GET 请求处理程序,用于处理根路径 / 上的 GET 请求:

app.get('/', (req, res) => {
  res.send('Hello, Express!');
});

在上面的代码中,我们使用 app.get() 方法创建一个 GET 请求处理程序。当用户访问根路径 / 时,服务器将响应 "Hello, Express!"。

步骤 3: 启动 Express 应用

最后,在文件的末尾,添加以下代码以启动 Express 应用并监听端口:

const port = 3000;

app.listen(port, () => {
  console.log(`Express app listening at http://localhost:${port}`);
});

这将启动 Express 应用并监听端口 3000。你可以根据需要更改端口号。

运行 Express 应用

在终端中,通过以下命令运行 Express 应用:

node app.js

1. 路由处理

Express 提供了一个简单而灵活的路由系统,用于处理不同 HTTP 请求方法(如 GET、POST、PUT、DELETE)和 URL 路径的请求。通过路由,你可以将请求映射到特定的处理程序函数,实现不同 URL 路径的响应。

示例:

app.get('/', (req, res) => {
  res.send('Hello, Express!');
});

app.post('/user', (req, res) => {
  // 处理 POST 请求
});

2. 中间件

Express 中间件是一个函数链,用于在请求到达路由处理程序之前或之后执行一些操作。中间件可以处理身份验证、日志记录、请求解析等任务,可以根据需要添加、排列和自定义中间件。

示例:

// 自定义中间件
app.use((req, res, next) => {
  console.log('Request received at: ', new Date());
  next(); // 调用下一个中间件或路由处理程序
});

3. 模板引擎

Express 允许你使用各种模板引擎(如 EJS、Pug、Handlebars)来渲染动态的 HTML 页面。这使得构建服务器端渲染的应用程序变得容易。

示例:

app.set('view engine', 'ejs');
app.get('/profile', (req, res) => {
  res.render('profile', { name: 'John' });
});

4. 静态文件服务

通过 express.static 中间件,Express 可以轻松地提供静态文件(如 CSS、JavaScript、图像)的服务,而无需为它们编写额外的路由。

示例:

app.use(express.static('public'));

核心概念:

1. app 对象

app 对象是 Express 应用程序的核心,它包含了路由、中间件和其他配置。你可以使用 app 对象来定义路由、设置中间件、启动服务器等。

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

2. 路由

路由是用于定义请求处理程序的映射规则。Express 使用不同的 HTTP 请求方法(如 GET、POST)和 URL 路径来匹配路由规则,并执行相应的处理程序。

3. 中间件

中间件是一个函数链,用于处理请求和响应。它可以在请求到达处理程序之前或之后执行各种任务,如身份验证、日志记录、请求解析等。

4. 请求(req)和响应(res

req 对象表示客户端请求,包含有关请求的信息(如 URL、HTTP 头、请求体等)。res 对象用于构建和发送响应给客户端。

5. 监听端口

使用 app.listen() 方法来启动 Express 应用程序,并监听指定的端口号以接受传入的请求。

示例:

const port = 3000;
app.listen(port, () => {
  console.log(`Server is running on port ${port}`);
});

6. 错误处理

Express 提供了一种机制来处理错误,你可以使用中间件来捕获和处理应用程序中的错误。

示例:

app.use((err, req, res, next) => {
  console.error(err.stack);
  res.status(500).send('Something broke!');
});

你将在终端看到输出,表示 Express 应用已经在指定的端口上运行。现在,你可以在浏览器或 API 工具中访问 http://localhost:3000/,应该会看到 "Hello, Express!" 的响应。
在这里插入图片描述
以上就是Express 基础操作和详解感谢大家的阅读
如碰到其他的问题 可以私下我 一起探讨学习
如果对你有所帮助还请 点赞 收藏谢谢~!
关注收藏博客 作者会持续更新…

相关文章

JavaScript2024新功能:Object.groupBy、正则表达式v标志
PHP trim 函数对多字节字符的使用和限制
新函数 json_validate() 、randomizer 类扩展…20 个PHP 8.3 新特性全面解析
使用HTMX为WordPress增效:如何在不使用复杂框架的情况下增强平台功能
为React 19做准备:WordPress 6.6用户指南
如何删除WordPress中的所有评论

发布评论