一篇搞定express

已于 2023-04-03 14:35:24 修改
阅读量184 收藏
点赞数
文章标签： express 前端 javascript ajax 服务器
于 2023-03-30 20:08:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45154591/article/details/129865306
版权

目录

一、什么是express?

二、express优点?

三、express使用步骤

四、express中间件

1. 什么是中间件？

2. 中间件应用场景

3. 如何定义中间件

4. 利用中间件处理静态资源

5. 利用中间件处理错误

6. 利用中间件处捕获异步函数错误

五、express模块化路由

六、express接收请求参数

接收GET请求参数

2. 接收POST请求参数

3. 接收路由请求参数

一、什么是express?

基于Node.js运行环境的Web应用程序开发框架，express提供一个轻量级模块，将node.js的HTTP模块功能封装在一个简单易用的接口中，用于扩展HTTP模块的功能，能够轻松地处理服务器地路由、响应、cookie和HTTP请求的状态。

二、express优点?

        1.简洁的路由定义方式

通过express.Router()方法定义路由对象，并实现二级路由功能。

        2.简化HTTP请求参数的处理

express将HTTP参数转换成对象类型，通过请求对象的相关属性来获取请求参数，不需要为请求对象添加data事件以及对请求参数的格式进行处理。

        3.提供中间件机制控制HTTP请求

中间件相当于express为用户提供了处理请求的接口，用于对HTTP请求进行拦截，能够让开发人员对请求进行控制。

        4.拥有大量第三方中间件，少代码完成强功能

        5.支持多种模板引擎

三、express使用步骤

  1. 引入express模块
  2. 调用express()方法创建Web服务器对象app
  3. 调用app.get()方法定义GET路由
  4. 调用app.listen()方法监听端口
//引入express模块
const express = require('express');
//创建web服务器对象
const app = express();
//定义GET路由
app.get('/', (req,res) => {
//对客户端做出响应，send()方法会根据内容的类型自动设置请求投
//第一个参数为请求路径，第二个参数标识请求处理函数，参数为req请求对象和res响应对象
    res.send('hello word');
})
// 监听3000端口
app.listen(3000);
console.log("服务器启动成功");

四、express中间件

1. 什么是中间件？

   express通过中间件来接收客户端发来的请求，并对请求做出响应，也可以将请求交给下一个中间件继续处理。工作流程如下：

2. 中间件应用场景

        1.路由保护

当客户端访问登录页面是，可以先使用中间件判断用户的登陆状态，如果未登录，则拦截请求，直接响应提示信息，并禁止用户跳转到登陆页面。

        2.网站维护公告

在所有路由最上面定义接收所有请求的中间件，直接为客户端做出响应，并提示网站正在维护中。

        3.自定义404页面

在所有路由最上面定义接收所有请求的中间件，直接为客户端做出响应，提示404页面错误信息。

3. 如何定义中间件

    中间件组成

  • 中间件方法：由express提供，负责拦截请求
  • 请求处理函数：由开发人员编写，负责处理请求
  1. 通过app.get()定义中间件
const express = require('express');
const app = express();
app.get('/request', (req,res,next) => {
    //next参数是一个函数，标识当前请求处理完成后交给下一个中间件进行处理，
    //如果后面没有其他中间件了，则交给路由返回最终结果
    req.name = '张三';
    //调用next()函数
    next();
})
app.get('/request', (req,res) => {
    res.send(req.name);
});
app.listen(4000);
console.log("服务器启动成功");
  1. 通过app.post()定义中间件

html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="http://localhost:4000/post" method="post" style="width:245px">
        <!-- method标签默认为get -->
        <input type="submit" value="发送post请求">
    </form>
</body>
</html>

post.js

onst express = require('express');
const app = express();
app.post('/post', (req, res, next) => {
    req.name = '李四';
    next();
});
app.post('/post', (req, res) => {
    res.send(req.name);
})
app.listen(4000);
console.log("服务器已启动");
  1. 通过app.use()定义中间件
  • app.use()定义的中间件既可以处理POST请求又可以处理GET请求。
  • app.use()方法的请求路径参数可以省略，省略是表示不指定路径，所有请求都会处理。
  • app.use()可以接收请求处理函数，也可以接收作为返回值的请求处理函数。
const express = require('express');
const app = express();
app.use((req, res, next) => {
    req.user = {};
    next();
});
// app.post('/use',(req, res, next) => {
//     req.user.age = '24';
//     next();
// });
// app.post('/use',(req,res) => {
//     res.send(req.user.age);
// })
app.get('/use',(req, res,next) => {
    req.user.name = '张三';
    next();
})
app.get('/use',(req,res) => {
    res.send(req.user.name);
})
app.listen(4000);
console.log("服务器已开启");

app.use()接收函数调用

const express = require('express');
const app = express();
app.use(fn( {a:1} ));
function fn(obj) {//obj接收参数对象
    //请求处理函数作为返回值
    return function(req, res, next) {
        if ( obj.a === 1 ) {
            console.log(req.url);
        }else {
            console.log(req.method);
        };
        next();
    }
}
app.get('/use',(req,res) => {
    res.send('ok');
})
app.listen(4000);
console.log("服务器已开启");

4. 利用中间件处理静态资源

       express.static()，接收静态资源访问目录作为参数，是静态资源请求就直接响应给客户端，终止当前请求，否则调用next()函数，express.static()需要作为app.use()参数使用。

const express = require('express');
const express = require('express');
const app = express();
//public/images下存放图片
//public下新建html文件也可实现通过浏览器访问静态html页面
//访问http://localhost:3000/images/2.png
//访问http://localhost:3000/index.html
app.use(express.static("public"));
//单引号出错，双引号正常
app.listen(3000);
console.log("服务器已开启");

5. 利用中间件处理错误

      App.use()请求处理函数多了一个err参数，添加err参数就表示利用中间件来处理错误。

const express = require('express');
//导入文件系统模块fs
const fs = require('fs');
const app = express();
app.get('/request', (req,res,next) => {
    //读取文件函数
    fs.readFile('./a.txt', 'utf8', (err,result) => {
        //回调函数，err表示文件读取错误信息，result表示文件数据
        if ( err !== null ){
            next(err);
        }else {
            res.send(result);
        }
    })
});
app.use((err,req,res,next) => {
    res.status(500).send(err.message);
});
app.listen(3000);
console.log("服务器已开启");

        node.js中fs模块可使用同步方法和异步方法。异步方法性能更好，速度更快，且没有阻塞。

        同步方法：fs.readFileSync(filename,encoding)，

       异步方法：fs.readFile(filename,encoding,[callback(err,data)])，最后一个参数是回调函数，包含错误信息err和文件内容data。

6. 利用中间件处捕获异步函数错误

        异步函数以及其他同步代码在执行过程中发生的错误，使用try...catch语法结合async和await关键字实现。

const express = require('express');
const fs = require('fs');
//为了使fs.readFile支持async,await异步函数调用方式，需要借助promisify模块实现
//导入util模块，并将promisify属性的值赋值给promisify常量
const promisify = require('util').promisify;
//调用promisify()方法，并将fs.readFile传入
const readFile = promisify(fs.readFile);
const app = express();
// 定义async中间件，async关键字定义异步回调函数
app.get('/async', async(req, res, next) => {
    try {
        await readFile('./aaa.txt');
    }catch(err) {
        next(err);
    }
});
app.listen(3000);
console.log("服务器已开启");

五、express模块化路由

        为了方便多种类路由管理，使用express.Router()进行路由管理，可以将同一类路由放在一个单独的文件夹，每个单独的文件表示一个单独的模块，通过文件名称来区分路由的功能。

//route文件夹下home.js
const express = require('express');
const home = express.Router();
home.get('/index',(req,res) => {
    res.send('欢迎来到主页');
});
module.exports = home;
//module.js
const express = require('express');
const home = require('./route/home.js');
const app = express();
app.use('/home',home);
app.listen(3000);
console.log("服务器已开启");

六、express接收请求参数

  1. 接收GET请求参数

        express框架中的req.query用于获取GET请求参数，框架内部会将GET请求参数转化为对象并返回。

//route文件夹下admin.js
const express = require('express');
const admin = express.Router();
admin.get('/index',(req,res) => {
    res.send(req.query);
});
module.exports = admin;
//module.js
const express = require('express');
const app = express();
const admin = require('./route/admin.js');
app.use('/admin',admin);
app.listen(3000);
console.log("服务器已开启");

2. 接收POST请求参数

        express中req.body用于获取POST请求参数，需要借助第三方bodu-parser模块将POST参数转换成对象形式。POST请求参数于GET请求参数不同之处在于，POST请求参数不会再浏览器地址栏中显示。

// module.js
const express = require('express');
const bodyParser = require('body-parser');
const app = express();
app.use(bodyParser.urlencoded({extended:false}));
app.post('/body',(req,res) => {
    res.send(req.body);
});
app.listen(3000);
console.log("服务器已开启");

 <form action="http://localhost:3000/body" method="post" style="width: 245px">
       用户名： <input type="text" style="float:right" name="username" /><br><br>
       密码： <input type="password" style="float:right" name="password" /><br><br>
       <input type="submit" value="提交">
    </form>

3. 接收路由请求参数

        定义路由时，可以在请求路径中传递路由参数，使用req.params获取参数，使路由代码看起来美观，且请求参数会被清晰地展示出来。

const express = require('express');
const app = express();
//":id"是一个参数占位符，当浏览器向"/find/:id"地址发送请求时，":id"对应的值就是参数值
app.get('/find/:id/:name/:age',(req,res) => {
    res.send(req.params);
});
app.listen(3000);
console.log("服务器已开启");

 

 

mseluh
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
《web开发： （Node.js）Express 路由》
yexiangCSDN的专栏
01-21 432
一、Express 路由 1. 什么是路由 广义上来讲，路由就是映射关系。 2. 现实生活中的路由 按键 1 -> 业务查询 按键 2 -> 手机充值 按键 3 -> 业务办理 按键 4 -> 密码服务与停复机 按键 5 -> 家庭宽带 按键 6 -> 话费流量 按键 8 -> 集团业务 按键 0 -> 人工服务 在这里，路由是按键与服务之间的映射关系 2. Express 路由 2.1 路由的概念 3. Express 中的路由 在 Expre
利用express启动一个server服务的方法
08-29
Express 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架，它提供了一系列强大的特性，帮助开发者创建各种 Web 和移动设备应用。下面是利用 Express 启动一个服务器服务的方法。 安装 Express 在使用 ...
ndoe中express框架的基本使用，接收get、post请求，以及处理回调地狱的优雅解决方法
jieyucx的博客
07-09 2703
util是Node.js的核心模块之一，在Node中，可通过命令将其引入。util模块主要用于支持Node.js核心API的需要，尽管一些实用函数可供应用程序和其它模块使用。以下是util: 创建一个函数，基于NODE_DEBUG环境变量，用于创建一个条件性的调试器。: 将一个函数包装成废弃函数。: 返回一个格式化的字符串。: 实现对象间原型继承的函数。: 将任意对象转换为字符串，通常用于调试和错误输出。:如果给定的参数 “object” 是一个数组返回true，否则返回false。
Node学习（五）021-处理静态资源——中间件是express最大特色-app.use() & 有三个基本参数req、res、next & 自定义中间件处理静态资源文件-sendFile异步读取文件
weixin_44867717的博客
02-05 700
静态资源
express 接口进行鉴权，自定义鉴权中间件，并可携带参数
好巧的博客
06-18 1772
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。解释：res.send() 或 res.json() 这类客户端返回的方法一个请求只能返回一次，如果多次返回就会出现这个错误。express.js中的中间件是一种处理应用程序中常见功能的强大，优雅的方法。例如接口在响应之前，对接口进行鉴权，调用 next() 函数通过鉴权。如果本篇文章对你有帮助的话，很高兴能够帮助上你。
NodeJS之express的路由浅析
dietisi8980的博客
12-08 84
路由路径和请求方法一起定义了请求的端点，它可以是字符串、字符串模式或者正则表达式。后端在获取路由后，可通过一系列类似中间件的函数去执行事务。 可使用字符串的路由路径： // 匹配根路径的请求 app.get('/', function (req, res) { res.send('root'); }); // 匹配 /about 路径的请求 app.get('/...
vue3+express
07-22
vue3 + express的项目中报错：warning in ./node_modules/express/lib/view.js， Critical dependency: the request of a dependency is an expression 的解决方案。 必能解决。
Express静态访问服务
最新发布
01-25
Express 是一个基于 Node.js 的 Web 开发框架，提供了静态访问服务的功能。本文将详细介绍 Express 静态访问服务的实现和使用方法。 首先，让我们了解什么是静态访问服务。静态访问服务是指服务器提供的静态资源，...
Node 之 Express 学习笔记 第二篇 Express 4x 骨架详解
12-24
Express 4.x 框架是 Node.js 下一个流行的Web框架，提供了丰富的功能和灵活的架构。下面是 Express 4.x 框架的详细解析。 目录结构 Express 4.x 框架的目录结构主要包括以下几个部分： * bin：存放启动项目的脚本...
express-generator.zip
10-13
Express是Node.js中的一款流行的Web应用框架，它简化了构建高效、可扩展的网络应用程序的过程。"express-generator.zip"是一个包含Express应用程序生成器的压缩包，这个生成器可以帮助开发者快速搭建一个基本的...
基于ExpressCard接口的光网卡设计
10-17
基于ExpressCard接口的光网卡设计 是一个做小扩展卡很好的论文，大家可以参考参考，我现在也在学习
深入理解nodejs中Express的中间件
10-19
一个Express应用就是在调用各种中间件。可见中间件在web应用开发中的重要性，有兴趣的可以了解一下
app.use()方法详解
热门推荐
mangguom23的博客
11-06 1万+
这里说的app，是指express对象 var express = require(‘express’); var app = express(); 其中，app.use是express“调用中间件的方法”。所谓“中间件（middleware），就是处理HTTP请求的函数，用来完成各种特定的任务，比如检查用户是否登录、分析数据、以及其他在需要最终将数据发送给用户之前完成的任务。”。这是阮一峰文章的原话。 简而言之，app.use() 里面使用的参数，主要是函数。但这个使用，并不是函数调用，而是使能的意思。当
【cookie中储存token令牌】express的应用场景
weixin_48813932的博客
04-18 1849
首先思考一个问题，为什么会出现cookie？ 假设一个新闻网站，服务器有一个接口，通过请求这个接口，可以添加发布一篇文章。但是，不是任何人都有权力做这种操作的 服务器如何知道请求接口的人是有权力的呢？只有登录过的管理员才能做这种操作 问题是，客户端和服务器的传输使用的是http协议，http协议是无状态的，什么叫无状态，就是服务器不知道这一次请求的人，跟之前登录请求成功的人是不是同一个人。由于http协议的无状态，服务器忘记了之前的所有请求，它无法确定这一次请求的客户端，就是之前登录成功的那个客户端。
Express中的res.locals这个方法一般用在哪些场景中？
kuangruike的博客
09-22 2838
1.   res.locals是一个对象，包含用于渲染视图的上下文 2.   用来存储一些全局变量什么的， 3.   在模板中可以直接使用,如：       res.locals.massage = "dddd";       handlebars 模板中直接使用 {{message}}
大前端 - nodejs - 框架 - express - 基础使用
weixin_38245947的博客
03-28 3020
Express介绍 express是什么？ express是一个简单，快速的，及简的nodejs web应用开发框架，通过它，可以很轻松的构建各种web应用。 例如：1.接口服务 2.传统的web网站 3.开发工具的集成 express本身是极简的，仅仅提供了web开的基础能力，但是它通过中间件的方式继承了许许多多的外部插件来处理http请求。 body-parser：解析http请求体 compression：压缩http相应。 cookie-parser：解析cookie数据 cors：处理跨域
express简介
往事不回头,余生不将就
06-03 715
express 简介
nodejs框架express之中间件的运用场景（初学）
weixin_46500485的博客
08-29 380
nodejs框架express之中间件的运用场景（初学） //引入express框架 const express = require('express'); //创建网站服务器 const app = express(); //网站公告 在函数中没有使用next 所以代码走到这儿就不会往下走了 这就是网站维护时 公告的使用 app.use((req, res, next) => { res.send('<h1>当前网站正在维护...</h1>') }); //查询
DP读书：鲲鹏处理器 架构与编程（六）PCI Express 总线
DarrenPig的博客
08-16 2037
PCI Express总线的拓扑发现是指通过一定的协议和机制，在系统中识别和确定PCI Express设备的连接关系和数据传输路径的过程。根据不同的事务类型，事务层会产生不同类型的TLP报文，并根据不同的路由方式进行数据转发。总之，PCI Express总线中的另一个重要组件是PCI Express桥，它的作用是将PCI Express总线连接到其他类型的总线或设备，从而形成一个更大的网络。通过以上步骤，可以获取PCI Express总线的拓扑结构，包括设备的连接关系、设备的配置信息和数据传输路径等。
如何创建一个 Express 应用
07-15
要创建一个 Express 应用，可以按照以下步骤进行： 1. 首先，确保你已经安装了 Node.js。可以在终端或命令提示符中运行以下命令来检查是否已安装 Node.js： ```shell node -v ``` 如果已安装，将显示你的 Node.js 版本号。如果未安装，请访问 Node.js 官方网站（https://nodejs.org/）下载并安装 Node.js。 2. 创建一个新的文件夹作为项目的根目录，并在该目录下打开终端或命令提示符。 3. 在根目录中初始化一个新的 Node.js 项目。运行以下命令并按照提示操作： ```shell npm init ``` 这将创建一个 `package.json` 文件，用于管理项目的依赖和配置。 4. 安装 Express 模块。运行以下命令： ```shell npm install express ``` 5. 在项目的根目录中创建一个新的 JavaScript 文件，例如 `app.js`，并在文件中引入 Express 模块： ```javascript const express = require('express'); ``` 6. 创建 Express 应用实例： ```javascript const app = express(); ``` 7. 添加一个路由处理函数。例如，添加一个 GET 请求的路由 `/`： ```javascript app.get('/', (req, res) => { res.send('Hello, World!'); }); ``` 8. 启动 Express 应用： ```javascript app.listen(3000, () => { console.log('Server is running on port 3000'); }); ``` 这将在本地的 3000 端口启动 Express 应用。 9. 在终端或命令提示符中运行以下命令启动应用： ```shell node app.js ``` 如果一切顺利，你将看到输出信息 `Server is running on port 3000`。 现在你已经成功创建了一个简单的 Express 应用。你可以在浏览器中访问 `http://localhost:3000`，应该会看到页面显示 "Hello, World!"。你可以根据需要添加更多的路由和处理函数来构建你的应用。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值