Express模块学习笔记

已于 2022-09-29 19:29:10 修改
阅读量281 收藏
点赞数 2
文章标签： express 学习 前端
于 2022-09-29 00:35:15 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_58861761/article/details/127099448
版权

Express

官方网站

Express 是 nodejs 的用于快速创建网站的第三方模块

作用

  • 可以快速创建 Web 网站的服务器或 API 接口的服务器

Express 的使用

基本使用

  • 安装 Express
    npm install express
  • 创建简单的服务器
//导入express模块

const express = require("express");

//创服务器的实例

const app = express();

//启动服务器

app.listen(8080, (err) => {
  if (err) {
    return console.log(`服务器启动失败:${err}`);
  }
  console.log("服务器启动成功，运行在:http://127.0.0.1:8080");
});

监听客户端请求

  • 监听 GET 请求
    通过 app.get()方法，可以监听客户端的 GET 请求，具体的语法格式如下

    app.get("请求url", (req, res) => {
  //请求事件处理函数;
});

/*
      第一个参数是:用户的请求的地址
      第二个参数是一个回调函数
          req:请求的对象(包含与请求相关的属性和方法)
          res:响应的对象(包含与响应相关的属性和方法)
*/

将内容发送给客户端

  • 通过 res.send()实现将处理好的内容传送给客户端

  • 通过 req.query 对象，可以访问到客户端通过查询字符串的形式，发送到服务器的参数
    1.req.query 默认是一个空对象
    2.客户端使用:?name=zs&age=20 这种查询字符串的形式，发送到服务器的参数
    3.通过这种方式传递的参数可以通过 req.query 访问到

app.get("/", (req, res) => {
  console.log(req.url);
  console.log(req.method);
  //通过res.send()方法将处理好的内容发送给客户端
  res.send({
    name: "张三",
    age: 18,
  });
});
  • 通过通过 req.params 对象，可以访问到 URL 中，通过 : 匹配到的动态参数：
app.get("/user/:id", (req, res) => {
  console.log(req.params);
});

托管静态资源

  • 通过使用==express.static()==方法可创建静态资源服务器，向外开放访问静态资源。

  • Express 在指定的静态目录中查找文件，并对外提供资源的访问路径，存放静态文件的目录名不会出现在 URL 中。

  • 可以指定多个静态资源文件，可以通过多次调用该方法指定多个静态资源文件夹

  • 访问静态资源时，会根据托管顺序查找文件

  • 当有多个静态资源文件时，可以给静态资源添加访问前缀

app.use("/bruce", express.static("bruce"));

Express 路由

概念

  • 在 Express 中，路由指的是客户端的请求与服务器处理函数之间的映射关系。

  • 一组请求路径和处理函数和请求方式所组成的对应关系就能称为路由

实现过程

  • 每当一个请求到达服务器之后，需要先经过路由的匹配，只有匹配成功之后，才会调用对应的处理函数。

  • 在匹配时，会按照路由的顺序进行匹配，如果请求类型和请求的 URL 同时匹配成功，则 Express 会将这次请求，转交给对应的 function 函数进行处理。

模块化路由

  • 最简单的路由使用方式就是直接把所有路由挂载到服务器实例中(Express 不推荐这样做)

  • 推荐做法:将所有路由抽离出来组合成一个路由模块，这样方便使用和维护，抽离步骤如下所示:
    ① 创建路由模块对应的 .js 文件
    ② 调用 express.Router() 函数创建路由对象
    ③ 向路由对象上挂载具体的路由
    ④ 使用 module.exports 向外共享路由对象
    ⑤ 使用 app.use() 函数注册路由模块

//router.js
//创建路由模块

//导入Express模块
const express = require("express");

//调用express.Router()创建路由实例对象(或者可以叫路由器)
const router = express.Router();

//创建具体路由并将它挂载到路由对象上
router.get("/", (req, res) => {
  res.send({
    name: "张三",
    age: 18,
    result: "路由已被调用",
  });
});

router.post("/", (req, res) => {
  res.send(`路由已被调用，调用方式为:${req.method}`);
});
module.exports = router;

//导入Express模块

const express = require("express");

//导入路由模块

const router = require("./router");

//创建服务器实例

const app = express();

//使用app.use()方法注册路由模块

app.use(router);

//启动服务器

app.listen(8080, (err) => {
  if (err) {
    return console.log(`服务器启动失败:${err}`);
  }
  console.log("服务器启动成功，运行在:http://localhost:8080/");
});

Express 中间件

  • 类似于 Vue 的全局路由守卫，或拦截器。

概念

  • 中间件（Middleware ），特指业务流程的中间处理环节

  • Express 的中间件，本质上就是一个 function 处理函数，包含 req, res, next 三个参数，next() 参数把流转关系交给下一个中间件或路由

  • 中间即将事件的处理拆分出多个函数来进行(这些处理事件的多个函数可以称为中间件)

  • 服务器收到客户端的请求后，可以调用中间件进行预处理

next()函数

  • next 函数是实现多个中间件连续调用的关键，它表示把处理好的数据交给下一个中间件或路由

  • next()函数后面不要再写代码

注意事项

  • 在注册路由之前注册中间件（错误级别中间件除外）

  • 中间件可以调用多个

  • 多个中间件共享 req、res 对象

全局中间件

  • 概念:客户端发起的任何请求，到达服务器之后，都会触发的中间件，叫做全局生效的中间件。

  • 通过调用 app.use(中间件函数)，即可定义一个全局生效的中间件。

const express = require("express");
const app = express();
const router = require("./router");
//定义一个简单的中间件函数

const mw = function (req, res, next) {
  console.log("这是一个中间件函数");

  //调用next函数，将流转函数转交给下一个中间件或路由
  next();
};

//使用app.use()将mw中间件注册为全局变量中间件
app.use(mw);

//注册路由模块
app.use(router);

//启动服务器
app.listen(8080, (err) => {
  if (err) {
    return console.log(`服务器启动失败:${err}`);
  }
  console.log("服务器启动成功，运行在:http://localhost:8080/");
});
  • 定义全局中间件的简化形式
//全局中间件

app.use((req, res, next) => {
  console.log("这是一个简化形式定义的全局中间件");
  next();
});
  • 定义多个全局中间件(多次调用 app.use()方法来实现)
const express = require("express");
const app = express();

//定义第一个全局中间件
app.use((req, res, next) => {
  console.log("这是第一个全局中间件");
  next();
});

//定义第二个全局中间件
app.use((req, res, next) => {
  console.log("这是第二个全局中间件");
  next();
});

//定义第三个全局中间件
app.use((req, res, next) => {
  console.log("这是第一个全局中间件");
  next();
});
  • 当有多个全局中间件时，会按照定义的顺序来依次调用

局部中间件

  • 概念:不使用 app.use()定义的中间件就叫局部中间件
//定义局部中间件函数
let mw1 = (req, res, next) => {
  console.log("调用了mw1局部中间件");
  next();
};

let mw2 = (req, res, next) => {
  res.send("用户");
  next();
};

//创建路由
app.get("/", mw1, (req, res) => {
  res.send("首页");
});

app.get("/user", mw2, (req, res) => {
  console.log("mw2局部中间件被调用了");
});
  • 创建并调用多个局部中间件
//创建两个局部中间件
let mw1 = (req, res, next) => {
  console.log("调用了mw1局部中间件");
  next();
};

let mw2 = (req, res, next) => {
  res.send("用户");
  next();
};

//创建路由并调用多个局部中间件
app.get("/", mw1, mw2, (req, res) => {
  res.send("首页");
});

app.get("/", [mw1, mw2], (req, res) => {
  res.send("首页");
});

//以上两种调用多个中间件的写法效果是相同的，任意选择一种就行

中间件的分类

1.应用级别的中间件
通过 app.use() 或 app.get() 或 app.post() ，绑定到 app 实例上的中间件，叫做应用级别的中间件。

app.use((req, res, next) => {
  next();
});

app.get(
  "/",
  (req, res, next) => {
    next();
  },
  (req, res) => {
    res.send("局部中间件");
  }
);

2.路由级别的中间件
绑定到路由实例上的中间件，叫做路由级别的中间件。它的用法和应用级别中间件没有任何区别。只不过，应用级别中间件是绑定到 app 实例上，路由级别中间件绑定到 router 实例上。

const express = require("express");
const app = express();
const router = express.Router(); //创建路由实例对象

//路由级别的中间件
router.use((req, res, next) => {
  next();
});

app.use(router);

3.错误级别的中间件

  • 处理函数拥有四个形参，从前到后依次是(err,req,res,next)，且位于所有路由的后面，这样的中间件叫错误级别的中间件

  • 作用:专门用来捕获整个项目中发生的异常错误，从而防止项目异常崩溃的问题。

//导入Express模块
const express = require("express");

//创建服务器实例
const app = express();

//创建一个路由
app.get("/", (req, res) => {
  throw new Error("模拟浏览器抛出异常"); //抛出一个自定义的错误
  res.send("这是网页首页");
});

//创建错误中间件
app.use((err, req, res, next) => {
  console.log(`发生了错误:${err.message}`);
  res.send(`Error:${err.message}`); //将错误信息返回客户端
});

//启动服务器
app.listen(8080, (err) => {
  if (err) {
    return console.log(`服务器启动失败:${err}`);
  }
  console.log("服务器启动成功，运行在:http://localhost:8080/");
});

4.内置中间件

  • express.static 快速托管静态资源的内置中间件，例如： HTML 文件、图片、CSS 样式等（无兼容性）

  • express.json 解析 JSON 格式的请求体数据（有兼容性，仅在 4.16.0+ 版本中可用）

  • express.urlencoded 解析 URL-encoded 格式的请求体数据（有兼容性，仅在 4.16.0+ 版本中可用）

//导入Express模块
const express = require("express");

//创建服务器实例
const app = express();

//注册express.json中间件
//解析客户端发来的json格式的数据
app.use(express.json());

//注册使用express.urlencoded
//解析客户端发来的xx-www-form-urlencoded
app.use(express.urlencoded({ extended: false }));

//创建路由
app.get("/", (req, res) => {
  console.log(req.body);
  res.send(req.body);
});

//启动服务器
app.listen(8080, (err) => {
  if (err) {
    return console.log(`服务器启动失败:${err}`);
  }
  console.log("服务器启动成功，运行在:http://localhost:8080/");
});

5.第三方中间件

  • 由第三方开发出来的中间件

  • 下载好第三方中间件后，通过 require 引入中间件，最后通过 app.use()来注册中间件

枫桥古道
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Node.js express模块详细学习（express创建服务器-express路由-express中间件)
qq_43682422的博客
03-24 2974
Express简介 1. 什么是Express 官方给出的概念: Express 是基于Node.js 平台，快速、开放、极简的Web开发框架。 通俗的理解：Express的作用和Node.js内置的http模块类似，是专门用来创建Web服务器的。 Express 本质： 就是一个npm 上的第三方的包，提供了快速创建Web服务器的便捷方法。 Express的中文官网地址:https://www.expressjs.com.cn/ 4.17.1 2. 进一步理解 Express 思考：不使用Express
Nodejs -- 一文了解Express模块
Qlz的博客
11-28 1141
1. 初识Express 1.1 Express简介 1.1.1 什么是Express 1.1.2 进一步理解Express 1.1.3 Express能做什么 1.2 Express的基本使用 1.2.1 安装 1.2.2 基本使用 1.2.3 监听GET请求 1.2.4 监听POST请求 1.2.5 把内容响应给客户端 1.2.6 获取URL中携带的查询参数 1.2.7 获取URL中的动态参数 1.3 托管静态资源 1.3.1 expess.static() 1.3.2 托管多个静态资源目录 1.3.3
express框架(学习笔记)
m0_58575070的博客
07-03 84
官方定义：路由确定了应用程序如何响应客户端对特定端点的请求。
【express模块】课程笔记
qq_48968230的博客
06-05 701
Node.js中express模块相关知识点
NodeJS学习笔记之Http模块
10-24
里只是熟悉nodejs中的http模块的API，一般在开发过程中使用的是第三方的框架，比如说Express。其中封装了更为简单的构建http服务器的API。
Nodejs学习笔记之入门篇
10-24
在本文中，我们将深入探讨Node.js的入门知识，特别是针对已经有一定JavaScript基础的开发者。...在后续的学习中，你还将接触到更多Node.js的中间件、框架，如Express和Koa，以及数据库操作等高级主题。
Node 之 Express 学习笔记 第二篇 Express 4x 骨架详解
12-24
* 加载 Express 模块和其他依赖模块 * 设置 views 文件夹和视图引擎 * 加载中间件，例如日志中间件、解析 json 的中间件、解析 urlencoded 请求体的中间件、解析 cookie 的中间件等 * 定义路由和控制器 在 app.js ...
NodeJS学习笔记和代码
05-29
这个"NodeJS学习笔记和代码"的压缩包显然包含了帮助初学者掌握NodeJS基础知识和实践技能的所有必要资料。 首先，`NodeJS第1天笔记.docx`很可能是对NodeJS基础概念的介绍，包括但不限于以下几点： 1. **事件驱动...
express.js初学者要点学习笔记.doc
10-12
Express.js 初学者要点学习笔记 Express.js 是一个基于 Node.js 的 Web 应用框架，提供了一系列强大特性帮助开发者创建各种 Web 应用。下面是 Express.js 的一些要点学习笔记： 一、Express 框架简介 Express 是...
DP读书：鲲鹏处理器 架构与编程（六）PCI Express 总线
DarrenPig的博客
08-16 2035
PCI Express总线的拓扑发现是指通过一定的协议和机制，在系统中识别和确定PCI Express设备的连接关系和数据传输路径的过程。根据不同的事务类型，事务层会产生不同类型的TLP报文，并根据不同的路由方式进行数据转发。总之，PCI Express总线中的另一个重要组件是PCI Express桥，它的作用是将PCI Express总线连接到其他类型的总线或设备，从而形成一个更大的网络。通过以上步骤，可以获取PCI Express总线的拓扑结构，包括设备的连接关系、设备的配置信息和数据传输路径等。
【自监督-MIM】系列方法学习二
Jeremy_lf的博客
06-24 908
Masked image modeling 是一种训练深度学习模型的技术，尤其是在视觉领域，类似于自然语言处理中的掩码语言建模（Masked Language Modeling）。它通过在输入图像中随机遮挡（或称为掩码）部分区域，然后训练模型来预测这些被遮挡部分的内容，从而提高模型的视觉理解能力。Masked image modeling 主要用于视觉自监督学习（Visual Self-Supervised Learning）任务，帮助模型学习图像的内在结构和表示，而无需依赖大量的标注数据。
安卓应用开发学习：获取经纬度及地理位置描述信息
bahamutj的博客
06-25 484
​ 前段时间，我在学习鸿蒙应用开发的过程中，在鸿蒙系统的手机上实现了获取经纬度及地理位置描述信息（鸿蒙应用开发学习：手机位置信息进阶，从经纬度数据获取地理位置描述信息）。反而学习时间更长的安卓应用开发还未实现获取经纬度及地理位置描述。这几天，我正在看《Android App 开发进阶与项目实战》一书，正好看到了第9章是讲定位导航的。这一章里正好有获取经纬度和详细地址的内容，随书还附带有源码。我照着做，很轻松的实现了用安卓手机获取经纬度和详细地址的功能。特此记录以备忘。
Spring学习02-[Spring容器核心技术IOC学习]
Java修炼者的博客
06-25 435
IOC学习什么是bean? 什么是bean?
Java程序员学习Go开发Higress的WASM插件
BothSavage
06-26 716
tinygo@0.32+go@1.19无法在macos arm架构下打包。升级go@1.21再次打包提示unsafe.SliceData requires go1.20 or later。后放弃macos+arm，采用ubuntu+amd64打包，ubuntu打包也必须使用tinygo@0.28.1。0.32.0在ubuntu仍然提示unsupported GOOS/GOARCH pair wasip1/wasm。
昇思25天学习打卡营第10天 | 基于MindNLP+MusicGen生成自己的个性化音乐
cftang9999的专栏
06-28 536
MusicGen是来自Meta AI的Jade Copet等人提出的基于单个语言模型（LM）的音乐生成模型，能够根据文本描述或音频提示生成高质量的音乐样本，相关研究成果参考论文《MusicGen直接使用谷歌的及其权重作为文本编码器模型，并使用及其权重作为音频压缩模型。MusicGen解码器是一个语言模型架构，针对音乐生成任务从零开始进行训练。MusicGen 模型的新颖之处在于音频代码的预测方式。
论文学习——一种自适应提升的动态多目标优化进化算法
最新发布
choudongxi的博客
06-29 527
很新奇的静态优化方法选择策略,在第一次静态优化时,分3个种群试验他的性能来选择合适的静态优化器,具体效果可能还是需要写出来再看看.环境变化以后如果非支配占总体少于70%就采用移动支配解向非支配解靠近并进行交叉变异正常环境响应就是随机把种群分成3分分别采用1.中心点预测(+一点高斯扰动)和2.使用记忆方法判断环境的相似程度以后采用预测方法3.使用遗传算子、多项式突变和高斯突变来保证种群的多样性.再根据静态优化时个体移动的距离来更新3个方法的使用的权重.很牛逼的创新点,因为方法都不难,为什么我脑袋空空.
Gradle学习-3 Gradle插件
weixin_41733225的博客
06-27 367
主要介绍Gradle插件，其中包含二进制插件、脚本插件
Batch入门学习
嫦娥妹妹等等我的博客
06-27 255
以上内容为Batch脚本入门学习的基础知识，通过不断实践和探索，你可以熟练掌握并应用Batch脚本来自动化各种任务。- `@echo off`：关闭命令行回显，使脚本运行时不显示执行的命令。- 在脚本的不同部分使用`pause`命令暂停，以观察脚本的执行进程。Batch脚本的文件扩展名通常是`.bat`或`.cmd`。- `pause`：暂停脚本执行，等待用户按键。- `echo`：在命令行中输出文本。- `mkdir`：创建目录。- `rmdir`：删除目录。- `copy`：复制文件。
express模块的作用
05-30
Express 是一个基于 Node.js 平台的开放源代码 Web 应用程序框架，它提供了一系列强大的功能，使得开发 Web 应用程序变得更加容易和高效。其中，`express` 模块是 Express 框架的核心模块之一，它提供了一组用于创建 Web 应用程序的 API 和工具。 具体来说，`express` 模块的主要作用包括： - 定义路由规则：`express` 模块提供了 `Router()` 方法来定义路由规则，开发者可以通过定义不同的路由规则来响应不同的 HTTP 请求。 - 处理 HTTP 请求：`express` 模块提供了一系列中间件函数，可以处理 HTTP 请求的各个阶段（如请求体解析、Cookie 解析、处理静态文件等）。 - 渲染视图：`express` 模块集成了多个视图引擎，可以用于渲染动态视图，例如 EJS、Pug 等。 - 处理错误：`express` 模块提供了一个默认的错误处理机制，开发者可以通过自定义中间件函数来处理不同类型的错误。 - 扩展功能：`express` 模块提供了大量的插件和中间件函数，可以用于扩展功能，例如处理文件上传、支持 WebSocket 协议等。 总之，`express` 模块是开发基于 Node.js 平台 Web 应用程序的必备工具，它大大简化了 Web 应用程序的开发流程，提高了开发效率。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值