Express 基础操作和详解

简介: Express.js 是一个基于 Node.js 平台的 Web 应用程序框架,它旨在帮助开发者轻松构建和管理 Web 服务和应用程序。Express 提供了许多强大的功能,使得创建可扩展、灵活且高性能的 Web 应用变得相对容易。以下是 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!” 的响应。


452fc0d979e945b6bc746cbab77564b3.gif

以上就是Express 基础操作和详解感谢大家的阅读


如碰到其他的问题 可以私下我 一起探讨学习


如果对你有所帮助还请 点赞 收藏谢谢~!


关注收藏博客 作者会持续更新…

相关文章
|
3月前
|
缓存 前端开发 JavaScript
Express 框架的基本操作
Express 框架的基本操作
|
2月前
|
SQL JavaScript 前端开发
简单用Nodejs + express 编写接口
【6月更文挑战第3天】该文介绍了如何在Node.js和Express中创建GET和POST接口。首先,简要提到了准备工作,建议查阅上一篇文章。接着展示了GET接口的示例,说明可以直接在浏览器中请求。然后,详细解释了POST接口的步骤,包括引入Express模块、设置路由处理程序、解析请求体及处理请求。最后,强调了编写接口时应注意错误处理、安全性、中间件使用、路由组织、日志记录、性能优化和测试等关键点。作者以肥晨的身份结尾,鼓励关注其分享的前端学习资料和技术动态。
169 1
|
2月前
一文搞懂:使用throng运行express应用
一文搞懂:使用throng运行express应用
14 0
|
3月前
|
开发框架 JavaScript 前端开发
express简单使用
express简单使用
15 1
|
3月前
|
JSON 资源调度 中间件
express学习 - (1)环境配置与第一个express项目
express学习 - (1)环境配置与第一个express项目
135 0
|
JavaScript 前端开发 中间件
Express基础使用和基础配置
Express 简介 Express 是一个简洁而灵活的 node.js Web应用框架, 提供一系列强大特性帮助你创建各种Web应用。
99 0
Express基础使用和基础配置
|
JavaScript 前端开发 中间件
如何用Express实现一个ADUS项目
如何用Express实现一个ADUS项目
68 0
|
存储 开发框架 JavaScript
Express框架的学习介绍
Express框架的学习介绍
95 0
|
JavaScript 中间件
Express基础(下)
Express基础(下)
95 0
Express基础(下)
|
JavaScript 前端开发
Express基础(中)
Express基础(中)
116 0
Express基础(中)