node.js的express框架

最新推荐文章于 2024-02-15 03:47:59 发布
最新推荐文章于 2024-02-15 03:47:59 发布
阅读量196 收藏
点赞数
分类专栏： 前端 node.js JavaScript 文章标签： nodejs 中间件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41370549/article/details/107825760
版权
JavaScript 同时被 3 个专栏收录
15 篇文章 0 订阅
订阅专栏
前端
12 篇文章 0 订阅
订阅专栏
node.js
5 篇文章 0 订阅
订阅专栏

express()

express()用来创建一个Express的程序。express()方法是***express***模块导出的顶层方法。

  1. var express = require('express');

  2. var app = express();

中间件

http://expressjs.com/en/guide/using-middleware.html (参考文献)

express是一个路由和中间件Web框架，其自身的功能很少：Express应用程序本质上是一系列中间件函数调用。

中间件功能是可以访问请求对象（req），响应对象（res）和应用程序的请求-响应周期中的下一个中间件功能的功能。下一个中间件功能通常由名为的变量表示next。

中间件功能可以执行以下任务：

  • 执行任何代码。
  • 更改请求和响应对象。
  • 结束请求-响应周期。
  • 调用堆栈中的下一个中间件函数。

如果当前的中间件功能没有结束请求-响应周期，则必须调用next()将控制权传递给下一个中间件功能。否则，该请求将被挂起。

app.use()可以给所有的路由绑定一个中间件

不能给前端（send / sendFile / end /…）多次

Express应用程序可以使用以下类型的中间件：

您可以使用可选的安装路径加载应用程序级和路由器级中间件。您还可以将一系列中间件功能一起加载，这将在安装点创建中间件系统的子堆栈。

应用层中间件

使用和函数将应用程序级中间件绑定到应用程序对象的实例，其中，中间件函数处理的请求的HTTP方法（小写）是HTTP方法。app.use()``app.METHOD()``METHOD

此示例显示了没有安装路径的中间件功能。每次应用收到请求时，都会执行该功能。

var express = require('express')
var app = express()

app.use(function (req, res, next) {
  console.log('Time:', Date.now())
  next()
})

此示例显示了/user/:id路径上安装的中间件功能。该函数针对/user/:id路径上的任何类型的HTTP请求执行。

app.use('/user/:id', function (req, res, next) {
  console.log('Request Type:', req.method)
  next()
})

此示例显示了路由及其处理程序功能（中间件系统）。该函数处理对/user/:id路径的GET请求。

app.get('/user/:id', function (req, res, next) {
  res.send('USER')
})

这是在具有安装路径的安装点加载一系列中间件功能的示例。它说明了一个中间件子栈，该子栈将任何类型的HTTP请求的请求信息打印到/user/:id路径。

app.use('/user/:id', function (req, res, next) {
  console.log('Request URL:', req.originalUrl)
  next()
}, function (req, res, next) {
  console.log('Request Type:', req.method)
  next()
})

路由处理程序使您可以为一个路径定义多个路由。下面的示例为到达/user/:id路径的GET请求定义了两条路由。第二条路由不会引起任何问题，但是它永远不会被调用，因为第一条路由会结束请求-响应周期。

此示例显示了一个中间件子堆栈，该子堆栈处理对/user/:id路径的GET请求。

app.get('/user/:id', function (req, res, next) {
  console.log('ID:', req.params.id)
  next()
}, function (req, res, next) {
  res.send('User Info')
})

// handler for the /user/:id path, which prints the user ID
app.get('/user/:id', function (req, res, next) {
  res.end(req.params.id)
})

要从路由器中间件堆栈中跳过其余中间件功能，请调用next('route')将控制权传递给下一条路由。 注意：next('route')仅适用于使用app.METHOD()或router.METHOD()函数加载的中间件函数。

此示例显示了一个中间件子堆栈，该子堆栈处理对/user/:id路径的GET请求。

app.get('/user/:id', function (req, res, next) {
  // if the user ID is 0, skip to the next route
  if (req.params.id === '0') next('route')
  // otherwise pass the control to the next middleware function in this stack
  else next()
}, function (req, res, next) {
  // send a regular response
  res.send('regular')
})

// handler for the /user/:id path, which sends a special response
app.get('/user/:id', function (req, res, next) {
  res.send('special')
})

中间件也可以在数组中声明为可重用。

此示例显示了一个带有中间件子堆栈的数组，该子堆栈处理对/user/:id路径的GET请求

function logOriginalUrl (req, res, next) {
  console.log('Request URL:', req.originalUrl)
  next()
}

function logMethod (req, res, next) {
  console.log('Request Type:', req.method)
  next()
}

var logStuff = [logOriginalUrl, logMethod]
app.get('/user/:id', logStuff, function (req, res, next) {
  res.send('User Info')
})

路由器级中间件

路由器级中间件与应用程序级中间件的工作方式相同，只不过它绑定到的实例express.Router()。

var router = express.Router()

使用router.use()和router.METHOD()函数加载路由器级中间件。

以下示例代码通过使用路由器级中间件来复制上面显示的用于应用程序级中间件的中间件系统：

var express = require('express')
var app = express()
var router = express.Router()

// a middleware function with no mount path. This code is executed for every request to the router
router.use(function (req, res, next) {
  console.log('Time:', Date.now())
  next()
})

// a middleware sub-stack shows request info for any type of HTTP request to the /user/:id path
router.use('/user/:id', function (req, res, next) {
  console.log('Request URL:', req.originalUrl)
  next()
}, function (req, res, next) {
  console.log('Request Type:', req.method)
  next()
})

// a middleware sub-stack that handles GET requests to the /user/:id path
router.get('/user/:id', function (req, res, next) {
  // if the user ID is 0, skip to the next router
  if (req.params.id === '0') next('route')
  // otherwise pass control to the next middleware function in this stack
  else next()
}, function (req, res, next) {
  // render a regular page
  res.render('regular')
})

// handler for the /user/:id path, which renders a special page
router.get('/user/:id', function (req, res, next) {
  console.log(req.params.id)
  res.render('special')
})

// mount the router on the app
app.use('/', router)

要跳过路由器的其余中间件功能，请调用next('router') 将控制权转回路由器实例。

此示例显示了一个中间件子堆栈，该子堆栈处理对/user/:id路径的GET请求。

var express = require('express')
var app = express()
var router = express.Router()

// predicate the router with a check and bail out when needed
router.use(function (req, res, next) {
  if (!req.headers['x-auth']) return next('router')
  next()
})

router.get('/user/:id', function (req, res) {
  res.send('hello, user!')
})

// use the router and 401 anything falling through
app.use('/admin', router, function (req, res) {
  res.sendStatus(401)
})

错误处理中间件

错误处理中间件始终采用四个参数。您必须提供四个参数以将其标识为错误处理中间件函数。即使您不需要使用该next对象，也必须指定它以维护签名。否则，该next对象将被解释为常规中间件，并且将无法处理错误。

以与其他中间件函数相同的方式定义错误处理中间件函数，除了使用四个参数而不是三个参数外，特别是使用签名(err, req, res, next)）：

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

有关错误处理中间件的详细信息，请参见：错误处理。

内置中间件

从版本4.x开始，Express不再依赖Connect。Express以前包含的中间件功能现在位于单独的模块中；请参阅中间件功能列表。

Express具有以下内置的中间件功能：

  • express.static提供静态资产，例如HTML文件，图像等。
  • express.json使用JSON负载解析传入的请求。注意：Express 4.16.0+中可用
  • express.urlencoded使用URL编码的有效内容解析传入的请求。注意：Express 4.16.0+中可用

第三方中间件

使用第三方中间件向Express应用程序添加功能。

安装Node.js模块以获得所需的功能，然后在应用程序级别或路由器级别将其加载到您的应用程序中。

以下示例说明了如何安装和加载cookie解析中间件功能cookie-parser。

$ npm install cookie-parser
var express = require('express')
var app = express()
var cookieParser = require('cookie-parser')

// load the cookie-parsing middleware
app.use(cookieParser())
数据的处理

index02.js

const express = require("express");
const path = require("path");

const app = express();
app.listen(7878);

/*使用中间件提前处理所有请求发送过来的数据
* 这个中间件不需要自己写express已经写好了，不需要我们自己再写任何东西，next等等都已经再内容写好了，照抄就可以了
* */
app.use(express.json());//内置中间件
app.use(express.urlencoded({extended:true}));//内置中间件



app.get("/",(req,res,next)=>{
    console.log(req.query);/*这是GET发送的数据拿取方式*/
    next();
});
app.get("/",(req,res)=>{
    res.sendFile(path.join(__dirname,"./test.html"));
});

app.post("/",(req,res)=>{
    console.log(req.body);/*这是POST发送的数据拿取方式*/
    res.send({
        code : 0,
        msg : "请求已受理",
        data : {
            aaa : "这是后端给你的数据，拿好了！！"
        }
    });
});

/*
* 处理数据的中间件：
*   app.use(express.json());
*   app.use(express.urlencoded({extended:true}));
*
*
* 如何拿取前端发送过来的数据
*   GET方式   req.query
*   POST方式  req.body
*
*
* */

​ 处理数据的中间件：

  • app.use(express.json());

  • app.use(express.urlencoded({extended:true}));

    如何拿取前端发送过来的数据

  • GET方式 req.query

  • POST方式 req.body

test.html

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="button" value="按钮" id="btn">
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script>
    $("#btn").click(function(){

        $.ajax({
            type : "POST",
            url : "/",
            data : {name:"afei",age:18},
            success(msg){
                console.log(msg);
            }
        });

    });
</script>
</body>
</html>
get方式加数据
localhost:7878?a=10&b=60&c=100

模块化问题

解决中间件函数过多造成的麻烦，使其模块化

app.js

const express = require("express");

let app = express();
app.listen(4567);

app.use(express.json());
app.use(express.urlencoded({extended:true}));

app.get("/",require("./middleware/index"));
app.post("/",require("./middleware/indexPOST"));
app.get("/article",require("./middleware/article"));
app.get("/favicon.ico",require("./middleware/favicon"));

article.js


module.exports = (req,res)=>{
    res.send("这是article路由");
};

favicon.js

const path = require("path");

module.exports = (req,res)=>{
    res.sendFile( path.join(__dirname,"../icon.png") );
};

index.js

const path = require("path");

module.exports = (req,res)=>{
    res.sendFile( path.join(__dirname,"../test.html") );
};

indexPOST.js

module.exports = (req,res)=>{
    console.log(req.body);/*这是POST发送的数据拿取方式*/
    res.send({
        code : 0,
        msg : "请求已受理",
        data : {
            aaa : "这是后端给你的数据，拿好了！！"
        }
    });
};

如果出现如下错误：

get http://localhost:4567/favicon.ico 404(Not Found)

解决方法：

const path = require("path");

module.exports = (req,res)=>{
    res.sendFile( path.join(__dirname,"../icon.png") );
};

app.get("/favicon.ico",require("./middleware/favicon"));

路由

http://expressjs.com/en/guide/routing.html (参考文献)

子路由

案例：

app设置teacher子路由
teacher又设置afei子路由
app.js

const express = require("express");

let app = express();
app.listen(7894);

/*用 use 才能使用子路由*/
app.use("/teacher",require("./routers/teacher"));

app.use("/a/b/c/d/e/f",(req,res)=>{
    if (req.method === "GET") {
        res.send("这是正确的，访问到了/a/b/c/d/e/f");
    }else if (req.method === "POST"){
        res.send("请使用get");
    }
});


app.use((req,res)=>{
    res.send("这是404页面");
});


/*
* 中间件函数
*   next()
*   app.use
* res.send() 不能重复
*
* 模块化代码
*
* express.Router()
*
*
*
* */

teacher.js

const express = require("express");

let router = express.Router();

router.get("/",(req,res)=>{
    res.send("这是老师展示页");
});


router.use("/afei",require("./afei"));

router.get("/wulv",(req,res)=>{
    res.send("无虑");
});
router.get("/yinshi",(req,res)=>{
    res.send("银时");
});
router.get("/Sherry",(req,res)=>{
    res.send("希尔瑞");
});
router.get("/kaidi",(req,res)=>{
    res.send("凯迪");
});

module.exports = router;

afei.js

const express = require("express");

let router = express.Router();

router.get("/",(req,res)=>{
    res.send("这是阿飞老师的主页");
});
router.get("/name",(req,res)=>{
    res.send("阿飞");
});
router.get("/age",(req,res)=>{
    res.send("18");
});
router.get("/sex",(req,res)=>{
    res.send("男");
});

module.exports = router;
小庄hua
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
配置node服务器环境
qq_42275455的博客
09-13 3648
首先需要基础环境nodejs的全局安装：可通过（https://nodejs.org/en/download/）安装，安装过程基本是全程”NEXT”就ok了 安装完成后可在控制台（win+R输入cmd进入）测试是否已安装成功（node -v） 新版的nodejs已经集成了npm，所以npm也一并安装好了，可以在cmd命令行输入”npm -v”来测试是否成功安装。 1 通过CMD cd到自定义...
node.js基础与使用6--Express框架的基础使用
qq_49676148的博客
02-17 210
本文主要讲解了express框架的概括和 使用方法，以及几个演示效果
express框架
mapbar_front的博客
05-19 637
express框架是基于node环境的一个用于web应用开发的服务端框架。 学习express之前，最好对node的基本模块有一定的了解。 下载express npm install --save express 搭配使用的库 body-parser：用于处理JSON、Raw、Text和Url编码的数据。 cookie-parser：解析Cookie的工具，通过req.cookie...
Node.js Express框架
上庸者-不服周
06-12 2673
中间件Express
Node.js中express框架的使用
beekim的博客
11-17 1388
1.入门 1.1 简介 Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。 使用 Express 可以快速地搭建一个完整功能的网站 1.2 核心 可以设置中间件来响应 HTTP 请求。 定义了路由表用于执行不同的 HTTP 请求动作。 可以通过向模板传递参数来动态渲染 HTML页面。 1.3 安装依赖 首先确定有正确安装好node和npm 安装express 局部安装 npm install --save
node.js express框架
02-04
《深入浅出Node.js Express框架与PM2部署实践》 在Web开发领域，Node.js以其异步非阻塞I/O模型以及高效的性能，已经成为构建高性能网络应用的重要选择。而Express框架，作为Node.js领域的事实标准，极大地简化了Web...
node.js express框架简介与实现
10-16
主要介绍了node.js express框架简介与实现,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
Node.js Express 框架
01-03
Node.js Express 框架 Express 简介 Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。 使用 Express 可以快速地搭建一个完整功能的网站。 ...
HoServer:基于Node.js Express框架的开箱即用的应用服务器支架
03-22
基于Node.js Express框架，不发明新轮子，学习成本低，快速上手。 功能强大 对象，接口全部可视化管理。 内置短信，支持阿里云存储。 内置基于Ant Design Pro管理平台，包括用户管理，系统管理，内容管理等常用功能
Node.js开发-express框架
weixin_46926189的博客
02-15 1784
简单来说，express 是一个封装好的工具包，封装了很多功能，便于我们开发 WEB 应用（HTTP 服务）// 2.创建应用对象// 3.创建路由});// 4.监听端口，启动服务console.log("服务已经启动，端口3000正在监听中");});
Nodejs-Express框架
weixin_47342624的博客
10-29 1706
express主要提供了两种方式：app/router.use和app/router.methods；Node也可以作为静态资源服务器，并且express给我们提供了方便部署静态资源的方法；
vue-router使用next()跳转到指定路径时会无限循环
热门推荐
qq_43248623的博客
07-16 1万+
解释1 beforeRouteLeave (to, from, next) { console.log('离开路路由') if(to.fullPath==='/home'){ next(); }else{ next('/home') } 这个是组件路由，我想实现的效果是在这个页面点击浏览器的返回按钮后要返回 /home页面而不是上一个页面，上面的代码是没问题的，而我之前的写法就一直死循环 // 下面的写法会死循环
express 服务框架（二）框架结构及配置文件解析
hunter_97的博客
11-29 306
一、框架目录结构 ├── bin ------------------------------------- 存放可执行文件 │ ├── www ------------------------------ 应用的主入口 ├── public ------------------------------------- 静态文件目录 ├── views --------------------...
express
Wang_0_的博客
01-14 1651
express 1.创建方式 （1）导入express模块 var express=require('express'); （2） 调用方法，返回app var app=express(); （3）端口监听 最后执行 app.listen(55555);//异步 2.定义方式 根据不同的客户端请求，返回不同的响应 3.app上的方法（app本质：请求监听函数） get app
express使用简介
qingbaicai的博客
12-15 747
框架搭建 1、安装脚手架: npm install -g express-generator 2、创建项目: express myapp 查看项目目录，可以知道启动文件www作用是提供http服务 express是一个全栈环境，所以有views、public 3、安装nodemon自动重启工具、cross-env设置环境变量脚本 npm i nodemon cross-env –save-dev 4、修改package.json...
在Node.js中实现Express(1)
小白菜的博客
05-29 3997
    Express提供了一个轻量级模块，把Node.js的http模块功能封装在一个简单易用的接口中。Express也扩展了http模块的功能，使你轻松处理服务器的路由，响应，cookie和HTTP请求的状态。本篇文章章介绍如何在Node.js应用程序中实现Express充当Web服务器。你将学习如何配置Express服务器，设计路由，并利用Request和Response对象发送和接收HTT...
Node组件——Express简介
编程三昧
05-30 1569
概述 Express是目前最流行的基于Node.js的Web开发框架，可以快速地搭建一个完整功能的网站。 Express上手非常简单，首先新建一个项目目录，假定叫做hello-world。 $ mkdir hello-world 进入该目录，新建一个package.json文件，内容如下。 { "name": "hello-world", "description": "hello world test app",
express全局安装后无法通过require使用
dongchoulin0376的博客
10-09 828
今天入门了一下express，首先安装依赖。 npm install express -g; npm install body-parser -g; npm install cookie-parser -g; npm install multer -g; 然后编写express.js，内容如下： var express = require('express'); var...
（九）nodejs循序渐进-Express框架（进阶篇）
网易搬砖选手
11-24 378
Express 框架 Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。 使用 Express 可以快速地搭建一个完整功能的网站。 Express 框架核心特性： 可以设置中间件来响应 HTTP 请求。 定义了路由表用于执行不同的 HTTP 请求动作。 可以通过向模板传递参数来动态渲染 HTML 页面。 安装 Express 安装 Express 并将其保存到依赖列表中：
简述node.js express框架的基本原理
最新发布
06-20
Node.js Express框架是一个轻量级、灵活的Web应用开发套件，它基于Node.js，利用其事件驱动和非阻塞I/O模型，简化了服务器端应用程序的构建。Express的基本原理如下： 1. **中间件（Middleware）**：Express的核心...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值