Node.js middleware-connect module introduction

I'm a back-end programmer, but also I like learn some new things such as front-end programming. When I worked at JD.COM, we need to find a method for making front-end and back-end separation, So I make some research about Node.js, In this deck, I wrote some practice about Node.js connect module practice.

Transcript

1. Node.js中间件 Connect模块深入浅出 Eric.Xiao ericssonxiao@gmail.com http://www.linkedin.com/in/ericssonxiao
2. Agenda Node.js介绍 Express框架介绍 Connect模块介绍 Demo1: 简单的服务器 Demo2: 前后台动静分离 Demo3: 前端缓存技术 Demo4: 一个山寨版的京东到家网站
3. Node.js 介绍 Node.js是一个基于Chrome JavaScript运行时建立的平台， 用于方便地搭建响应速度快、易于扩展的网络应用。 Node.js 使用事件驱动， 非阻塞I/O 模型而得以轻量和高效， 非常适合在分布式设备上运行的数据密集型的实时应用。 Node是一个Javascript运行环境(runtime)。实际上它是对 Google V8引擎进行了封装。V8引擎执行Javascript的速度非 常快，性能非常好。Node对一些特殊用例进行了优化，提 供了替代的API，使得V8在非浏览器环境下运行得更好。
4. Node.js的优点 Nodejs作为一个新兴的后台语言，有很多吸引人的地方： RESTful API 单线程 Node.js可以在不新增额外线程的情况下，依然可以对任务进行并行处 理 Node.js是单线程的。它通过事件轮询（event loop）来实现并行操作， 对此，我们应该要充分利用这一点尽可能的避免阻塞操作，取而代之， 多使用非阻塞操作。 非阻塞IO V8虚拟机 事件驱动
5. Node.js Event Loop
6. Express 框架
7. Express 框架安装使用 npm install express-generator npm install ejs less-middleware express –sessions –css less –ejs myapp
8. Express 第一次运行 Express 的版本： 4.X 3.X 如何查询当前的版本号： Npm info express version
9. Hello World Server
10. Connect模块介绍 Connect在它的官方介 绍中，它是Node的一个 中间件框架。超过18个 捆绑的中间件和一些精 选第三方中间件。尽管 Connect可能不是性能 最好的Node.jsWeb框架， 但它却几乎是最为流行 的Web框架。
11. Connect模块介绍 模型简单 中间件易于组合和插拔 中间件易于定制和优化 丰富的中间件 Connect自身十分简单，其作用是基于Web服务器做中间件 管理。至于如何如何处理网络请求，这些任务通过路由分 派给管理的中间件们进行处理。它的处理模型仅仅只是一 个中间队列，进行流式处理而已，流式处理可能性能不是 最优，但是却是最易于被理解和接受。基于中间件可以自 由组合和插拔的情况，优化它十分容易。
12. Connect模块介绍 流式处理： Conncet提供use方法用于注册中间件到一个Connect对象的队列中，我们称 该队列叫做中间件队列。 通过查看Conncet的部分核心代码可以知道，它通过use方法来维护一个中间 件队列。然后在请求来临的时候，依次调用队列中的中间件，直到某个中间 件不再调用下一个中间件为止。
13. Connect模块介绍 Connect 部分核心代码 值得注意的是，必须要有一个中间件调用 res.end() 方法来告知客户端请求已被 处理完成，否则客户端将一直处于等待状态。 流式处理也是Node.js中用于流程控制的经典模式，Connect模块是典型的应用 了它。流式处理的好处在于，每一个中间层的职责都是单一的，开发者通过这 个模式可以将复杂的业务逻辑进行分解。
14. Connect模块介绍 app.use()方法接受两个参数，route和fn，既路由信息和中间件函数，一个完整 的中间件，其实包含路由信息和中间件函数。 路由信息的作用是过滤不匹配的URL。请求在遇见路由信息不匹配时，直接传 递给下一个中间件处理。 中间件的优势类似于Java中的过滤器，能够全局性地处理一些事务，使得业务 逻辑保持简单。任何事物均有两面性，当你调用app.use()添加中间件的时候， 需要考虑的是中间件队列是否太长，因为每一层中间件的调用都是会降低性能 的。为了提高性能，在添加中间件的时候，如非全局需求的，尽量附带上精确 的路由信息。
15. Connect模块介绍 淘宝网，日常业务开发 使用的目录结构。
16. Demo1: 简单的服务器
17. Demo2: 前后台动静分离 静态文件中间件： 利用Node.js实现一个静态文件服务器的许多技术细节，包括路由实现， MIME，缓存控制，传输压缩，安全、欢迎页、断点续传等。 Express 4.x版本提供的静态文件中间件 Connect模块提供的静态文件中间件 动静分离：
18. Demo3: 前端缓存技术 前端缓存策略： 采用性能更好的缓存中间件： Static(): Express, Connect框架都提供。 StaticCache()：NPM 提供的另外一个中间件。主要用来解决将服务 器中的文件，读入内存中，然后做缓存处理的策略。主要为了解决文 件读写慢的问题。 风险分担策略： 为解决资源不足的问题，可以使用第三方提供的JS库CDN，CSS库 CDN服务器或是网站， 自建CDN服务器，集中缓存文件，缓存内容不能冗余，保证缓存算 法的高命中率。 采用Varnish这样的成熟缓存代理。
19. Demo4: 一个山寨版的京东到家 网站
20. Q&A 谢谢大家的宝贵时间！ 现在是技术交流与解答时间，感谢大家的沟通。