用Node.js构建海量页面渲染服务.pdfVIP

用 Node.js 构建海量页面渲染服务 我是谁？ • 不四 @ tmall，Node.js 开发工程师 • dead-horse @ github，koa / cnpm 维护者 海量？ 从两年前说起… • 天猫的大量页面基于 php 渲染 • 数据模板打包后推送 CDN • 每次请求都渲染页面 • 大量文件在网络情况不一的 CDN 节点同步非常困难 • 每次请求渲染导致大量的机器资源浪费 • php 太灵活，多业务共享难以升级，性能低 系统要重构，契机出现了 Why Node.js “Any application that can be written in JavaScript, will eventually be written in JavaScript.” –Jeff Atwood • 模板渲染层 js 的独特优势：前后端模板共享 • 阿里内部 Node.js 环境十分完善 • 轻量级、高性能 回归渲染的本质 回归渲染的本质 • 前端开发编写维护的 模板 回归渲染的本质 • 前端开发编写维护的 模板 • 运营维护或者后端系统产出的 数据 回归渲染的本质 • 前端开发编写维护的 模板 • 运营维护或者后端系统产出的 数据 • 通过一个渲染容器进行合并产出 页面 // index.xtpl {{#each ($data.items) }} pa href={{this.link}}{{}}/a/p {{/each}} // items.json [{ link: ///item.htm?id=10126492964, name: item one }, { link: ///item.htm?id=10126492964, name: item tow }] // index.xtpl {{#each ($data.items) }} pa href={{this.link}}{{}}/a/p {{/each}} // items.json [{ link: ///item.htm?id=10126492964, name: item one }, { link: ///item.htm?id=10126492964, name: item tow }] // result pa href=///item.htm?id=10126492964item one/a/p pa href=///item.htm?id=10126492964item tow/a/p 扩展上下文 • 系统时间、系统环境 • http 请求上下文 • 通用工具方法，安全处理包 {{#if ($system.now.before(2015-11-11 00:00:00))}} h3Comming soon.../h3 {{else}} {{#each ($data.items) }} pa href={{this.link}}{{}}/a/p {{/each}} {{#if (!$http.detector.app.is)}} {{include (downloadPage)}} {{/if}} {{/if}} 模板中的静态资源管理 • 前后端统一的资源加载器 • 基于统一的 seed 控制依赖以及版本 • 输出 combo url 到页面 • 依赖自动去重，css / js 头尾加载 // 模板 html head {{placeholder(css )}} /head {{require(mui/mod/a.js, mui/mod/b.js)}} {{require(mui/mod/a