express 的原理解析
在介绍express之前先准备一下备用知识
express是基于nodejs的http的应用,回顾下网络知识:
- 传输层的tcp:port用于建立服务端于客户端的连接
- 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到客户端