【Node.js】--Express框架

已于 2022-07-01 16:11:29 修改
阅读量526 收藏
点赞数
分类专栏： node Express 文章标签： node.js 服务器 java
于 2022-07-01 11:20:15 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_26843541/article/details/125552732
版权

Express简介（https://www.expressjs.com.cn/）

基于 Node.js 平台，快速、开放、极简的 Web 开发框架

安装

npm install express --save

HelloWorld

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

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

app.listen(port, () => {
  console.log(`Example app listening on port ${port}`)
})

GET请求

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

app.get('/user', (req, res) => {
  res.send({
    name:'leon',
    age:18
  })
})

app.listen(port, () => {
  console.log(`Example app listening on port ${port}`)
})

POST请求

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

app.post('/user', (req, res) => {
  res.send({
    name:'leon',
    age:18
  })
})

app.listen(port, () => {
  console.log(`Example app listening on port ${port}`)
})

获取参数（http://localhost:3000/user?name=zq）

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

app.get('/user', (req, res) => {
  res.send(req.query)
})

app.listen(port, () => {
  console.log(`app start on http://localhost:3000`)
})

动态参数（http://localhost:3000/user/zq/man）

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

app.get('/user/:name/:sex', (req, res) => {
  res.send(req.params)
})

app.listen(port, () => {
	//请求方式http://localhost:3000/user/zq/man
  console.log(`app start on http://localhost:3000/user/zq/man`)
})

托管静态资源

通过express.static()可以创建一个静态资源服务器。
例如，通过以下代码就可以把public目录下的资源对外开放

const express = require('express')
const app = express()
app.use(express.static('public'))
// 可以托管多个静态资源
app.use(express.static('static'))
// 增加路径前缀
app.use('clock',express.static('./public/clock'))
app.listen(3000,()=>{
    console.log('app start on http://localhost:3000')
})

express中的路由

在express中，路由是指客户端的请求和服务器处理函数之间的映射关系。
express路由由3部分组成，请求的类型，请求的url路径以及处理的函数，格式如下：

app.METHOD(PATH,HANDLER)

简单用法

app.get('/user', (req, res) => {
  res.send({
    name:'leon',
    age:18
  })
})

模块化路由

为了方便对路由的模块化管理，express不建议把路由直接挂载在到app上。而是推荐把路由抽离成单独的模块。
抽离路由为单独模块的步骤如下：
  1. 创建路由模块对应的js文件
  2. 调用express.Router()函数创建路由对象
  3. 向路由对象挂在具体的路由
  4. 使用module.exports()向外暴露路由对象
  5. 使用app.use函数注册路由对象
###  router.js
// 1.导入express
var express = require('express');
// 2.创建路由对象
var router = express.Router();
// 3.创建具体的路由
router.get('/user',(req,res)=>{
    res.send(req.query)
})
router.post('/list',(req,res)=>{
    res.send(req.query)
})
module.exports = router;

### index.js
const express = require('express');
var router = require('./router')
const app = express()
const port = 3000
//增加前缀
app.use('/api',router)

app.listen(port, () => {
  console.log(`app start on http://localhost:3000`)
})

Express中间件(Middleware)

特指业务流程的中间处理环节
![在这里插入图片描述](https://img-blog.csdnimg.cn/60ac1230d0664277bcb89075f2e8d178.png)

Express中间件的调用流程

当一个请求到达Express服务器之后，可以连续调用多个中间件，从而对这次请求进行预处理。
![在这里插入图片描述](https://img-blog.csdnimg.cn/3299b6bf84ee457abb0a03b19ad43ec5.png)

express中间件的格式

本质上就是一个function的处理函数

app.get('/',function(req,res,next){
	next()
})

next()函数是实现中间件的关键函数，它实现了中间件的连续调用，并把业务转交给下一个中间件或者路由。

全局中间件

客户端发起的任何请求，到达服务器后，都会触发的中间件叫全局中间件
通过调用app.use(全局中间件)，可以创建一个全局中间件示例代码如下：

var express = require('express');
var app = express();
var mw  = function(req,res,next){
    console.log("全局中间件")
    next();

}
app.use(mw)
// 简写形式
app.use(function(req,res,next){
    console.log("全局中间件-简写形式")
    next();
})
app.get('/',(req,res,next)=>{
    res.send("请求后台成功")
})

app.listen(3000,()=>{
    console.log("start on 127.0.0.1:3000")
})

局部中间件

不使用app.user()注册的中间件都是局部中间件

// 局部生效的中间件，不使用app.use()的中间件都是局部生效的中间件
var mv1 = function(req,res,next){
    console.log("局部生效的中间件")
    next()
}
app.get('/',mv1,(req,res,next)=>{
    res.send("请求后台222成功")
})
app.get('/ts',function(req,res,next){
    console.log("匿名函数简写方式")
    next()
},(req,res,next)=>{
    res.send("请求后台222成功")
})

中间件的注意事项

  1. 中间件一定要写在调用路由之前，否则中间不生效
  2. 中间件可以连续调用
    3.中间件最后一定要写next，并且next之后就不需要写代码防止业务逻辑混乱
    4.连续调用多个中间件时，中间件之间共用同一份req和res

express中间件的分类

  1. 应用级别的中间件
  2. 路由级别的中间件
  3. 错误级别的中间件
  4. 内置级别的中间件
  5. 第三方的中间件

应用级别的中间件

通过app.use或者app.get和app.post注册使用的中间件属于应用级别的中间件

路由级别的中间件

通过绑定在express.Router()实例上的中间件属于路由级别的中间件

错误级别的中间件

用来捕获项目中发生的异常错误，从而防止项目异常崩溃的问题
参数是（err,req,res,next）
注意!!!错误中间件必须注册在所有路由之后方可生效

express内置的中间件

  1. express.static()
  2. express.json()
  3. express.urlencoded()
var express = require('express');
var app = express();
// 演示内置中间件的使用
// express.json
app.use(express.json())
app.use(express.urlencoded({extended:false}))
app.post('/user',(req,res)=>{
    // req.body服务器用来接收客户端传来的请求体数据
    // 如果没有配置解析表单数据的中间件，req,body默认是undefined
    console.log(req.body)
    res.send(req.body)
})
// express.urlencoded()
app.post('/book',(req,res)=>{
    // req.body服务器用来接收客户端传来的请求体数据
    // 如果没有配置解析表单数据的中间件，req.body默认是{}
    console.log(req.body)
    res.send(req.body)
})
app.listen(3000,()=>{
    console.log("start on 127.0.0.1:3000")
})

第三方中间件

var express = require('express');
var qs = require('querystring')
var app = express();
// 演示创建自定义中间件
// 模拟内置模块express.urlencded()功能
var encoded = function(req,res,next){
    // 获取data数据
    // 由于data数据有时候过大，服务器会截取一部分一部分传输过来
    // 所以我们需要监听data事件拼接数据
    let str = "";
    req.on('data',(chunk)=>{
        str += chunk;
    })
    // 数据传输完毕，监听end事件
    req.on('end',()=>{
        // 调用express内置模块queryString解析字符串
        req.body=qs.parse(str)
        next()
    })
}
app.use(encoded)
app.post('/',(req,res)=>{
    
    res.send(req.body)
})

app.listen(3000,()=>{
    console.log("start on 127.0.0.1:3000")
})

解决跨域问题

cors方式（主流）

  1. 运行npm install cors (安装中间件)
  2. var cors = require(‘cors’) (导入中间件)
  3. app.use(cors) (注册全局中间件)
什么是cors
CORS(Cross-origin-Resource-Sharing,跨域资源共享)由一系列HTTP响应头组成，这些HTTP响应头决定是否组织前端JS代码跨域获取资源。
cors三个请求头
  1. Access-Control-Allow-Headers
  2. Access-Control-Allow-Origin
  3. Access-Control-Allow-Methods
cors请求两大类

简单请求：1.get,post,head三种请求方式之一
2.HTTP头部信息不包括默认字段
预检请求：1.get,post,head三种请求方式之外
2.自定义头部字段
3.向服务器发送了application/json格式的数据

const cors = require('cors')
app.use(cors())
app.use((req,res,next)=>{
    res.setHeader("Access-Control-Allow-Origin","*")
    res.setHeader("Access-Control-Allow-Headers","Content-Type,X-Custom-Header")
    res.setHeader("Access-Control-Allow-Methods","POST,GET,DELETE,HEAD")
    next()
})
什么是预检请求
浏览器和服务器正式通讯之前，浏览器会先向服务器发送一个option的请求以预检，以获知服务器是否允许该实际请求。服务器成功响应后，浏览器才会向服务器发送真正的请求并携带真实数据。

JSONP

概念：浏览器通过<script>标签的src属性，请求服务器上的数据，同时，服务器返回一个函数调用。这种请求方式就叫JSONP。
1.JSONP不属于真正的ajax请求，因为它没使用XMLHttpRequest这个对象
2.JSONP仅支持GET请求。
不喝咖啡的农民
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Node.js学习笔记III ---Express基本使用
qq_43057018的博客
05-12 3826
Express的作用和Node.js内置的http模块类似，是专门用来创建Web服务器的。
node.js-express
qq_44448739的博客
04-24 143
安装express创建基本的 Web 服务器监听客户端的get和post请求把内容响应给客户端res.send()获取 URL 中携带的查询参数req.query获取 URL 中的动态参数req.params// 1 导入express const express = require('express');// 2 创建web服务器 const app = express();
express框架
lxllxl211的博客
04-03 1170
可以使用 app.use0 连续定义多个全局中间件。客户端请求到达服务器之后，会按照中间件。
node的express模块
hzg_hou的博客
05-25 958
node的express模块
Express 使用详情
最新发布
世间万物皆不如你
06-28 885
通过本文的介绍，你已经了解了 Express 的基本使用方法和概念，包括安装、路由、中间件、模板引擎等。Express 是一个非常强大且灵活的 Web 开发框架，可以帮助你更高效地开发 Web 应用。希望本文对你有所帮助，祝你在使用 Express 的过程中取得成功！
Node.js-基于node.jsMongodb构建的后台系统
08-10
这些功能通常涉及到前端技术如HTML、CSS和JavaScript，配合Node.js的Express框架可以快速构建RESTful API，提供数据接口给前端应用。 后台管理接口则更多地关注于系统的维护和运营，可能包括管理员登录、商品管理...
Node.js-koa2中文文档
08-10
koa 是由 Express 原班人马打造的，致力于成为一个更小、更富有表现力、更健壮的 Web 框架。使用 koa 编写 web 应用，通过组合不同的 generator，可以免除重复繁琐的回调函数嵌套，并极大地提升错误处理的效率。
Node.js-Tiny-Express框架从需求到实现
08-10
在本文中，我们将深入探讨如何使用Node.js构建一个...同时，你也将掌握Express框架的核心原理，这将有助于你更好地运用和定制现有的Node.js框架。在实际项目中，这样的框架可以帮助你快速搭建Web应用，提高开发效率。
Node.js-TypeForm的一个开源替代构建在nodejs之上可以从PDF或从头创建令人惊叹的表单
08-10
开发过程中可能涉及的技能和工具包括Node.js编程、Web框架（如Express.js）、PDF处理库、前端开发（HTML/CSS/JavaScript）、以及可能的数据库集成。此外，由于是开源项目，用户可以参与到源码的贡献中，改进和扩展其...
Node.js-QuickMock基于Express的mock接口平台
08-10
### 一、Express框架 Express是Node.js中最受欢迎的Web应用程序框架之一，它简化了HTTP服务器的创建和路由管理。通过Express，开发者可以快速搭建RESTful API，并且支持中间件系统，使得处理请求和响应变得更加灵活...
node.js基础与使用6--Express框架的基础使用
qq_49676148的博客
02-17 211
本文主要讲解了express框架的概括和 使用方法，以及几个演示效果
ts不支持node的require写法
Voiceu的博客
04-27 2949
如题，就算我安装了node的类型声明文件后，只是require不报错了，但是比如 const express = require('express') 通过按住ctrl点击express，是无法点进正确路径的，根本没反应，而且express也没有正确的类型推导，显示的是一个any，导致后面的express里面的一些函数调用，类型就会报错，因为这里是any，后面ts不知道这个里面是否有函数，在我调用的时候就会报错。 这个时候换成如下两种写法可以解决问题 1、esModule的写法 import expres
【Node.js】Node.js入门（四）：常用函数接口、模块
郭老二
10-29 759
本篇博客用来记录初次浏览Node.js、Express的代码时，遇到的函数接口和模块。根据遇到先后顺序并且是感兴趣的，随即记录下。因此本篇博客比较杂乱。Node.js官网手册：https://nodejs.org/zh-cn/docs/Express官网手册：https://www.expressjs.com.cn/4x/api.html。
【Node.js】Node.js入门（六）：Express中间件函数
郭老二
11-01 752
啥是中间件函数，先不百度，想象理解下：在web请求-响应的循环中，会根据请求调用回调函数，并返回响应，回调函数会有嵌套调用，把这些函数固定参数形式，就是中间件。以上是小白为了做心理上的假定合理性猜测，等深入了解后，再改正。也希望大神们留言指教。Express中间件函数接受三个参数：请求对象(req)、响应对象 (res)、next()函数。如果当前中间件函数没有结束请求-响应周期，它必须调用next()将控制传递给下一个中间件函数。否则，请求将被搁置。
express基础知识
weixin_47150940的博客
08-10 550
Express Express简介 Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。 使用 Express 可以快速地搭建一个完整功能的网站。 Express 框架核心特性： 实现路由的功能–路由分发，在使用express框架之前，需要使用大量的判断实现路由分发的功能 中间件的功能，将需要写在服务中的方法和程序进行封装 对req和res对象进行了扩展 可以继承其他模板的引擎 Express基础知识 1.创建
nodeJS 系列四 Express基本使用；路由的概念；中间件；跨域资源共享问题；
m0_55170432的博客
04-28 817
------------------------- Express -------------------------- 1.1 Express 简介 官方给出的概念：Express 是基于 Node.js 平台，快速、开放、极简的 Web 开发框架。 通俗的理解：Express 的作用和 Node.js 内置的 http 模块类似，是专门用来创建 Web 服务器的。 1. Express 的本质：就是一个 npm 上的第三方包，提供了快速创建 Web 服务器的便捷方法。 Express 的中文官网： ht
Nodejs中的express框架的学习
weixin_47239885的博客
05-16 366
express快速入门： //引入express框架 const express = require('express'); // 创建网站服务器 const app = express(); //根据浏览器的响应端口 app.get('/', (req, res)=> { // send() // 1. send方法内部会检测响应内容的类型 // 2. send方法会自动设置http状态码 // 3. send方法会帮我们自动设置响应的内容类型及编码 res.send('Hello W
初识express框架
777
05-25 826
1.express框架特性 提供了方便简洁的路由定义方式； 对获取HTTP请求参数进行了简化处理； 对模板引擎支持度高，方便渲染动态HTML页面； 提供了中间件机制有效控制HTTP请求； 拥有大量第三方中间件对功能进行扩展。 2.send（） const express = require('express'); const app = express(); app.get('/',(req,res)=>{ res.send('这里是首页'); //send()
express框架使用详解
xiaozhuangyumaotao的博客
05-30 1727
express框架介绍与安装 express框架其实是nodejs内置http模块的扩展，主要用来： 1.快速搭建nodejs项目：这点功能有点类似于java里面的maven，使用express建立好的项目结构有固定的目录名称，每个目录都约定俗成的 存放着应该存放的文件，比如public目录一般用来存放资源文件 2.完成路由功能：在没有使用express之前，如果我们想要实现路径的路由，需要使用http模块获取url，加上n多个if else判断来实现，在 express里面...
node.js的express框架
03-25
Express是基于Node.js的Web框架，它提供了一套简洁、灵活的方式来编写Web应用。它是一个可靠的框架，社区支持活跃，文档详细。 使用Express可以提高Web应用的开发效率，快速搭建服务器和路由，并且可以方便地使用中间件来实现各种功能，例如session、cookie、文件上传等等。 Express中包含了很多常用的中间件，只需要简单配置一下便可以使用，比如： 1. body-parser中间件：用于解析HTTP请求体。 2. cookie-parser中间件：用于处理HTTP请求中的cookie。 3. express-session中间件：为请求添加了session支持。 另外，Express还提供了很多扩展库，例如： 1. EJS：用于渲染HTML视图。 2. Passport：用于身份验证和授权。 3. Socket.io：用于实现WebSocket通信。 最后，Express框架是开源的，可以通过GitHub上的代码库查看源代码，也可以加入到该项目中。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值