微前端之道:从理论到实践电子书

内容简介

前言

阅读方式

配套资源下载

第1章 架构与前端

1.1 模块化的目的

1.1.1 模块化的原始时期

1.1.2 Node.js与CommonJS

1.1.3 AMD与CMD争奇斗艳

1.1.4 ES6 Module一统天下

1.2 面向对象到底面向什么

1.2.1 面向对象的基本概念

1.2.2 类与类之间的关系

1.3 理解函数式编程

1.3.1 函数式的内涵

1.3.2 组合与管道

1.4 领域驱动设计

1.4.1 什么是领域

1.4.2 核心领域与领域逻辑

1.4.3 小结

1.5 微服务简介

1.5.1 微服务的特点及其优势

1.5.2 微服务带来的挑战

1.6 微前端并非万能钥匙

1.7 浏览器架构发展史

1.7.1 进程与线程的基本概念

1.7.2 早期单进程浏览器

1.7.3 早期多进程浏览器

1.7.4 现代多进程浏览器

1.7.5 未来浏览器架构浅析

1.8 本章小结

第2章 微前端概览

2.1 浅谈对微前端的认识

2.2 微前端（微服务）原则

2.2.1 独立部署

2.2.2 故障隔离

2.2.3 高度可观察性

2.2.4 围绕业务领域建模

2.2.5 自动化文化

2.2.6 隐藏实现细节

2.2.7 分布式治理

2.3 微前端的优缺点

2.3.1 微前端的优点

2.3.2 微前端的弊端以及挑战

2.4 微前端的适用场景

2.4.1 大型企业应用程序

2.4.2 复杂的前端应用程序

2.4.3 多团队协作

2.4.4 技术栈混合

2.4.5 增量升级

2.5 微前端实现要点

2.5.1 微前端拆分思路

2.5.2 界限上下文

2.5.3 组合

2.5.4 路由

2.5.5 通信

2.5.6 隔离

2.6 本章小结

第3章 微前端方案概览

3.1 微前端方案到底有哪些

3.2 路由式微前端

3.3 基于iframe的微前端示例

3.3.1 iframe方案核心

3.3.2 浅谈iframe方案的适用场景

3.3.3 基于iframe实现微前端的小例子

3.4 基于Web Component的微前端

3.4.1 Web Component使用简介

3.4.2 基于Web Component实现微前端示例

3.5 微应用化

微应用化实现思路

3.6 微服务化

3.7 微件化

3.8 基于开源框架的微前端方案

3.8.1 Single-SPA

3.8.2 Qiankun

3.8.3 Wujie

3.8.4 MicroApp

3.8.5 Module Federation

3.8.6 Bit

3.8.7 FrintJS

3.8.8 其他

3.9 本章小结

第4章 路由式微前端实践

4.1 项目背景及项目初始化

4.1.1 新老项目简介

4.1.2 新老项目创建及基本结构

4.1.3 理解服务器端渲染

4.2 部署真实服务器

4.2.1 前置资源

4.2.2 域名解析及Nginx安装

4.3 Jenkins持续构建

4.3.1 了解Jenkins与持续构建

4.3.2 Jenkins在服务器上的安装

4.3.3 Jenkins工作流的简单实现

4.3.4 利用Jenkins拉取代码及发布

4.4 Docker的简单使用

4.4.1 Docker的安装

4.4.2 Docker的基本概念

4.4.3 Docker的简单使用

4.4.4 使用Dockerfile

4.5 改造“宝藏”项目的持续构建方式

4.5.1 自动触发Jenkins构建的配置步骤

4.5.2 在服务器上打包Vue项目

4.5.3 通过Docker改造项目的部署

4.6 “白月光”项目部署：在服务器部署SSR项目

4.7 路由式微前端实现

4.8 本章小结

第5章 iframe方案实践

5.1 iframe基本示例

5.1.1 “白月光”广告项目的创建与集成

5.1.2 “宝藏”项目嵌入iframe子项目

5.2 iframe通信

5.2.1 postMessage简介

5.2.2 postMessage在iframe方案中的实践

5.2.3 封装postMessage

5.3 iframe共享登录态

5.4 本章小结

第6章 客户端侧组合方案

6.1 NPM方案

6.1.1 项目创建及基本目录结构

6.1.2 本地NPM方案的实践

6.1.3 将NPM方案示例发布到线上

6.2 动态Script方案

6.2.1 生成打包资源表

6.2.2 改造微应用

6.2.3 主应用改造

6.3 WebComponent方案

6.4 本章小结

第7章 服务侧组合方案

7.1 动态缓存技术之CSI、ESI与SSI

7.2 SSI技术简单示例

7.3 SSR与微前端

7.4 本章小结

第8章 微前端框架的简易使用

8.1 Single-spa

8.1.1 Single-spa简介

8.1.2 Single-spa的使用

8.1.3 Single-spa的NPM方案实践

8.1.4 Single-spa的动态Script方案实践

8.1.5 Single-spa的Fetch方案实践

8.1.6 小结

8.2 Qiankun

8.2.1 Qiankun的基本理论

8.2.2 Qiankun简单实践

8.3 Wujie

8.3.1 Wujie的基本理论

8.3.2 Wujie简单实践

8.3.3 小结

8.4 MicroApp

8.4.1 MicroApp的基本理论

8.4.2 MicroApp简易实践

8.5 本章小结