包邮微前端之道:从理论到实践

目 录1.1 模块化的目的 11.1.1 模块化的原始时期 11.1.2 Node.js与CommonJS 31.1.3 AMD与CMD争奇斗艳 51.1.4 ES6 Module一统天下 81.2 面向对象到底面向什么 81.2.1 面向对象的基本概念 91.2.2 类与类之间的关系 91.3 理解函数式编程 111.3.1 函数式的内涵 111.3.2 组合与管道 131.4 领域驱动设计 151.4.1 什么是领域 15目 录 第1章 架构与前端 11.1 模块化的目的 11.1.1 模块化的原始时期 11.1.2 Node.js与CommonJS 31.1.3 AMD与CMD争奇斗艳 51.1.4 ES6 Module一统天下 81.2 面向对象到底面向什么 81.2.1 面向对象的基本概念 91.2.2 类与类之间的关系 91.3 理解函数式编程 111.3.1 函数式的内涵 111.3.2 组合与管道 131.4 领域驱动设计 151.4.1 什么是领域 151.4.2 核心领域与领域逻辑 161.4.3 小结 171.5 微服务简介 171.5.1 微服务的特点及其优势 181.5.2 微服务带来的挑战 181.6 微前端并非万能钥匙 191.7 浏览器架构发展史 191.7.1 进程与线程的基本概念 191.7.2 早期单进程浏览器 201.7.3 早期多进程浏览器 211.7.4 现代多进程浏览器 221.7.5 未来浏览器架构浅析 221.8 本章小结 23第2章 微前端概览 252.1 浅谈对微前端的认识 252.2 微前端（微服务）原则 262.2.1 独立部署 262.2.2 故障隔离 272.2.3 高度可观察性 272.2.4 围绕业务领域建模 272.2.5 自动化文化 272.2.6 隐藏实现细节 272.2.7 分布式治理 282.3 微前端的优缺点 282.3.1 微前端的优点 282.3.2 微前端的弊端以及挑战 292.4 微前端的适用场景 292.4.1 大型企业应用程序 302.4.2 复杂的前端应用程序 302.4.3 多团队协作 302.4.4 技术栈混合 312.4.5 增量升级 312.5 微前端实现要点 312.5.1 微前端拆分思路 322.5.2 界限上下文 342.5.3 组合 342.5.4 路由 352.5.5 通信 352.5.6 隔离 362.6 本章小结 36第3章 微前端方案概览 383.1 微前端方案到底有哪些 383.2 路由式微前端 393.3 基于iframe的微前端示例 433.3.1 iframe方案核心 433.3.2 浅谈iframe方案的适用场景 443.3.3 基于iframe实现微前端的小例子 453.4 基于Web Component的微前端 493.4.1 Web Component使用简介 493.4.2 基于Web Component实现微前端示例 513.5 微应用化 53微应用化实现思路 543.6 微服务化 553.7 微件化 563.8 基于开源框架的微前端方案 573.8.1 Single-SPA 573.8.2 Qiankun 573.8.3 Wujie 583.8.4 MicroApp 583.8.5 Module Federation 593.8.6 Bit 593.8.7 FrintJS 603.8.8 其他 603.9 本章小结 61第4章 路由式微前端实践 634.1 项目背景及项目初始化 634.1.1 新老项目简介 644.1.2 新老项目创建及基本结构 644.1.3 理解服务器端渲染 724.2 部署真实服务器 744.2.1 前置资源 744.2.2 域名解析及Nginx安装 764.3 Jenkins持续构建 834.3.1 了解Jenkins与持续构建 834.3.2 Jenkins在服务器上的安装 844.3.3 Jenkins工作流的简单实现 854.3.4 利用Jenkins拉取代码及发布 894.4 Docker的简单使用 954.4.1 Docker的安装 964.4.2 Docker的基本概念 984.4.3 Docker的简单使用 1004.4.4 使用Dockerfile 1024.5 改造“宝藏”项目的持续构建方式 1064.5.1 自动触发Jenkins构建的配置步骤 1074.5.2 在服务器上打包Vue项目 1134.5.3 通过Docker改造项目的部署 1144.6 “白月光”项目部署：在服务器部署SSR项目 1184.7 路由式微前端实现 1214.8 本章小结 121第5章 iframe方案实践 1225.1 iframe基本示例 1235.1.1 “白月光”广告项目的创建与集成 1235.1.2 “宝藏”项目嵌入iframe子项目 1285.2 iframe通信 1355.2.1 postMessage简介 1355.2.2 postMessage在iframe方案中的实践 1365.2.3 封装postMessage 1395.3 iframe共享登录态 1455.4 本章小结 148第6章 客户端侧组合方案 1506.1 NPM方案 1506.1.1 项目创建及基本目录结构 1516.1.2 本地NPM方案的实践 1546.1.3 将NPM方案示例发布到线上 1636.2 动态Script方案 1716.2.1 生成打包资源表 1726.2.2 改造微应用 1756.2.3 主应用改造 1816.3 WebComponent方案 1936.4 本章小结 196第7章 服务侧组合方案 1987.1 动态缓存技术之CSI、ESI与SSI 1987.2 SSI技术简单示例 2007.3 SSR与微前端 2027.4 本章小结 206第8章 微前端框架的简易使用 2078.1 Single-spa 2078.1.1 Single-spa简介 2078.1.2 Single-spa的使用 2098.1.3 Single-spa的NPM方案实践 2128.1.4 Single-spa的动态Script方案实践 2188.1.5 Single-spa的Fetch方案实践 2278.1.6 小结 2288.2 Qiankun 2298.2.1 Qiankun的基本理论 2298.2.2 Qiankun简单实践 2368.3 Wujie 2498.3.1 Wujie的基本理论 2508.3.2 Wujie简单实践 2558.3.3 小结 2638.4 MicroApp 2638.4.1 MicroApp的基本理论 2648.4.2 MicroApp简易实践 2768.5 本章小结 278