express 原理解析

最新推荐文章于 2024-05-01 06:51:56 发布
最新推荐文章于 2024-05-01 06:51:56 发布
阅读量769 收藏 1
点赞数
分类专栏： javascript 五个特性 文章标签： nodejs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hahajchahajc/article/details/120896244
版权

express 的原理解析

在介绍express之前先准备一下备用知识

express是基于nodejs的http的应用，回顾下网络知识：

  1. 传输层的tcp:port用于建立服务端于客户端的连接
  2. http应用层协议，用于应用与传输层之间的通信提供接口
    好了，到这里可以得到一个结论，express是建立在http协议上的一个应用，通过http提供的接口将数据传到http层，然后到传输层。

第一部分

http提供了一个http.createserver接口

参数是一个回调函数包含req，res两个参数。express传入this到这个接口中，this也就是app自身，是一个带有三个参数的function，那到这里我们就明白了。每次接收到http请求时，底层的http触发这个回调，express所有的中间件都会在这个回调函数中执行，这样我们就可以根据业务需求去获取req的请求参数，然后修改res的返回值。
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

app.handle做了什么

从这段代码的截图中可以看到，app.handle把请求的req，res传给了router.handle
在这里插入图片描述

router.handle 做了什么

取出了中间件

在这里插入图片描述

根据path和method找到匹配的中间件

在这里插入图片描述
在这里插入图片描述

迭代执行中间件

在这里插入图片描述

第二部分

中间件的来源

上面第一部分讲到了迭代执行stacks，那这些stacks可以从地下的use，get等方法生成
在这里插入图片描述

app.use做了什么

app.use默认是针对所有path的，所以默认是/, 但是也可以通过指定path，看截图的注释可以明白，第一个参数可以是path，第二个参数从arguments中取function。取出来的funcitons传入router.use
在这里插入图片描述
在这里插入图片描述

router.use做了什么

router.use将中间件包装成layer，然后push到stacks里面去，到这里对express的主流程清晰了
在这里插入图片描述
在这里插入图片描述

第三部分

如何绚烂html页面
ejs引擎

这里使用了ejs引擎，这个东西接收两个参数，和一个回调函数，回调函数里面有解析好的html，我们把html，调用rep的send方法返回给客户端
在这里插入图片描述

res.render怎么实现的

这里view表示页面，done这个回调函数将解析好的html通过send发给客户端
在这里插入图片描述

app.render做了什么

这里构建一个view对象，包含html引擎和html的绝对路径，之后去调用view的render接口
在这里插入图片描述
在这里插入图片描述

view.render

view.render使用了前面配好的引擎，将页面路径传入，解析好后通过回调函数，也就是上面讲的那个回调函数，讲解析好的html，send到客户端
在这里插入图片描述

swsk
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
NodeJS express框架核心原理全揭秘
tzllxya的博客
05-29 4789
NodeJS express框架核心原理全揭秘 介绍 express框架大家都已经都很熟悉，是NodeJS最流行的轻量web开发框架。他简单易用，却功能强大。最近一个月来一直反复研究调试express框架，深究其源码不觉为之惊叹，不论是原理与代码都非常简单，很容易理解也很受用，觉得有必要写个文章分享一下。本系列分2部分全面介绍express。上篇讲express框架主要原理和重要的组成部...
Nodejs Express引入WebSocket
u013302168的博客
11-07 1219
WebSocket是在TCP/IP协议之上的一个Socket协议，由于http/https只能有客户端发起请求到服务端，服务端无法主动发起请求到客户端，为了解决服务器向浏览器主动推送的场景。本文讲述一下在express-ws 在 NodeJs 中如何结合 express 引入 webSocket 1.基本使用 （1）安装Express-ws： npm i express-ws （2）引入到index.js中并创建服务： var express = require('express'); v
三步法解析Express源码
最新发布
2401_84411433的博客
05-01 581
对于框架原理只能说个大概，真的深入某一部分具体的代码和实现方式就只能写出一个框架，许多细节注意不到。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】算法方面还是很薄弱，好在面试官都很和蔼可亲，擅长发现人的美哈哈哈…（最好多刷一刷，不然影响你的工资和成功率???在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。
express运行原理
andywang821017的博客
10-08 199
一、express底层：http模块 　　Express框架建立在node.js内置的http模块上。http模块生成服务器的原始代码如下。 var http = require("http"); var app = http.createServer(function(request, response) { response.writeHead(200, {"Co...
关于Express解析数据方式和响应数据的方式大总结
weixin_47121832的博客
07-02 514
node
express框架使用详解
xiaozhuangyumaotao的博客
05-30 1736
express框架介绍与安装 express框架其实是nodejs内置http模块的扩展，主要用来： 1.快速搭建nodejs项目：这点功能有点类似于java里面的maven，使用express建立好的项目结构有固定的目录名称，每个目录都约定俗成的 存放着应该存放的文件，比如public目录一般用来存放资源文件 2.完成路由功能：在没有使用express之前，如果我们想要实现路径的路由，需要使用http模块获取url，加上n多个if else判断来实现，在 express里面...
手写express核心核心原理
CRMEB小程序商城的博客
04-02 370
一、首先安装express npm install express 复制代码 安装express是为了示范。 二、创建example.js文件 // example.js const express = require('express') const app = express() const port = 3000 app.get('/', (req, res) => { res.send('Hello World!') }) app.listen(port, () => {
浅谈express 中间件机制及实现原理
08-29
为了理解Express中间件的工作原理，我们可以模拟一个简单的中间件执行流程。下面的代码创建了一个简单的`App`类，它模拟了请求、响应对象以及中间件的执行链： ```javascript function App() { // ... } App....
Koa2框架原理解析和实现
01-27
koa框架现在更新到了2.x版本，本文从零开始，循序渐进，讲解koa2的框架源码结构和实现原理，展示和详解koa2框架源码中的几个最重要的概念，然后手把手教大家亲自实现一个简易的koa2框架，帮助大家学习和更深层次的...
Node.js应用实战和工作原理解析
01-27
例如，安装Express框架只需在项目目录下运行`npm install express`，随后即可在项目中导入并使用该框架，大大提升了开发效率。同时，NPM也支持创建和发布自定义模块，让开发者可以将自己的代码贡献给社区。 在项目...
浅谈redux, koa, express 中间件实现对比解析
10-16
理解这些中间件的工作原理对于提升开发效率、优化系统架构至关重要。无论是服务端的Express、Koa，还是前端的Redux，中间件都是实现业务逻辑的重要手段，通过合理的中间件设计，可以让代码更加模块化，易于维护。...
express实现原理
ppx2017的博客
07-10 1933
面试经常会问到一些原理性的东西，比如express，知道你会用，但可能就会问你实现的原理是什么，废话不多说。express的所有服务端逻辑处理都是通过中间件来实现的，中间件是一个函数，而app.use（）方法就是去装载这些函数...
Express中间件工作原理详细介绍
m0_62877814的博客
01-03 252
Express中间件工作原理详细介绍
Express入门指南（详细）
热门推荐
stc_ljc的博客
10-17 12万+
Express 是一个基于 Nodejs 平台的极简、灵活的 web 应用开发框架，它提供一系列强大的特性，帮助你创建各种 Web 和移动设备应用。
Express框架实现原理
zep
08-07 351
一、Express 源码的目录结构 首先，会去package.json项目（包）描述文件中寻找main属性的值， main：入口文件。这个main的值就是入口文件所在的路径。 这里并没有配置main属性的值，默认会去找index.js文件作为入口文件 二、快速体验 const http = require('http') const url = require('url') const routes = [/*{ path: '', method: '', handler: () =&gt
08【Express框架】详细版 - Express框架简介，中间件， Express请求处理，express-art-template模板引擎.
嘿嘿_哈哈的博客
10-08 1411
Express框架 目标 能够使用Express创建web服务器 能够使用Express处理请求参数 能够使用Express处理静态资源 能够使用中间件处理请求 能够在Express中集成art-template模板引擎 Express框架简介及初体验 Express框架请求处理 express-art-template模板引擎 Express中间件 1. Express框架简介及初体验 1.1 Express框架是什么？ 1）Express是一个基于Nod...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值