描述
开 本: 128开纸 张: 胶版纸包 装: 平装-胶订是否套装: 否国际标准书号ISBN: 9787302676409
全面介绍微前端技术:本书涵盖微前端的各个方面,包括微前端的起源与发展、适用场景、解决的问题、缺点以及解决方案,让读者对微前端有一个全面的了解。
深入剖析微前端解决方案:《微前端之道:从理论到实践:视频教学版》详细介绍iframe方案、动态script方案、webComponent以及社区微前端解决方案,并通过实例来帮助读者更好地理解和应用。
结合实践:《微前端之道:从理论到实践:视频教学版》不仅介绍微前端的基础知识,还结合实践,手把手地指导读者如何构建微前端项目,解决SSR问题,优化性能,进行服务器部署和老旧项目改造等。
适合各类读者:无论是对前端开发感兴趣的初学者,还是已经有一定经验的开发人员,甚至是项目经理,都可以从《微前端之道:从理论到实践:视频教学版》中获得宝贵的经验和知识。
“《微前端之道:从理论到实践:视频教学版》是一本深入浅出、以实战为导向的微前端入门图书,专为渴望在大型项目中灵活运用微前端技术的初中级开发者量身打造。书中结合理论阐述与丰富实例,系统介绍微前端的概念、起源、核心功能及其在现代Web开发中的重要性,详细拆解多种实现方案,手把手引导读者从理论到实践的跨越。 书中80%的内容为实战演练,涵盖从基础概念到高级部署优化的全过程,确保读者在动手操作中扎实掌握微前端的核心技术。特别注重解决微前端实际应用中的痛点,如性能瓶颈、跨框架集成和部署策略,为读者提供了一套全面而实用的解决方案。 《微前端之道:从理论到实践:视频教学版》以清晰的逻辑结构、通俗易懂的语言风格以及丰富的实战案例,为读者探索微前端领域引路。无论你是希望提升现有项目架构效率的开发者,还是对未来技术趋势充满好奇的求知者,本书都能助你快速入门,并在运用微前端技术的道路上越走越远,实现技术的飞跃与突破。”
目 录
第1章 架构与前端 1
1.1 模块化的目的 1
1.1.1 模块化的原始时期 1
1.1.2 Node.js与CommonJS 3
1.1.3 AMD与CMD争奇斗艳 5
1.1.4 ES6 Module一统天下 8
1.2 面向对象到底面向什么 8
1.2.1 面向对象的基本概念 9
1.2.2 类与类之间的关系 9
1.3 理解函数式编程 11
1.3.1 函数式的内涵 11
1.3.2 组合与管道 13
1.4 领域驱动设计 15
1.4.1 什么是领域 15
1.4.2 核心领域与领域逻辑 16
1.4.3 小结 17
1.5 微服务简介 17
1.5.1 微服务的特点及其优势 18
1.5.2 微服务带来的挑战 18
1.6 微前端并非万能钥匙 19
1.7 浏览器架构发展史 19
1.7.1 进程与线程的基本概念 19
1.7.2 早期单进程浏览器 20
1.7.3 早期多进程浏览器 21
1.7.4 现代多进程浏览器 22
1.7.5 未来浏览器架构浅析 22
1.8 本章小结 23
第2章 微前端概览 25
2.1 浅谈对微前端的认识 25
2.2 微前端(微服务)原则 26
2.2.1 独立部署 26
2.2.2 故障隔离 27
2.2.3 高度可观察性 27
2.2.4 围绕业务领域建模 27
2.2.5 自动化文化 27
2.2.6 隐藏实现细节 27
2.2.7 分布式治理 28
2.3 微前端的优缺点 28
2.3.1 微前端的优点 28
2.3.2 微前端的弊端以及挑战 29
2.4 微前端的适用场景 29
2.4.1 大型企业应用程序 30
2.4.2 复杂的前端应用程序 30
2.4.3 多团队协作 30
2.4.4 技术栈混合 31
2.4.5 增量升级 31
2.5 微前端实现要点 31
2.5.1 微前端拆分思路 32
2.5.2 界限上下文 34
2.5.3 组合 34
2.5.4 路由 35
2.5.5 通信 35
2.5.6 隔离 36
2.6 本章小结 36
第3章 微前端方案概览 38
3.1 微前端方案到底有哪些 38
3.2 路由式微前端 39
3.3 基于iframe的微前端示例 43
3.3.1 iframe方案核心 43
3.3.2 浅谈iframe方案的适用场景 44
3.3.3 基于iframe实现微前端的小例子 45
3.4 基于Web Component的微前端 49
3.4.1 Web Component使用简介 49
3.4.2 基于Web Component实现微前端示例 51
3.5 微应用化 53
微应用化实现思路 54
3.6 微服务化 55
3.7 微件化 56
3.8 基于开源框架的微前端方案 57
3.8.1 Single-SPA 57
3.8.2 Qiankun 57
3.8.3 Wujie 58
3.8.4 MicroApp 58
3.8.5 Module Federation 59
3.8.6 Bit 59
3.8.7 FrintJS 60
3.8.8 其他 60
3.9 本章小结 61
第4章 路由式微前端实践 63
4.1 项目背景及项目初始化 63
4.1.1 新老项目简介 64
4.1.2 新老项目创建及基本结构 64
4.1.3 理解服务器端渲染 72
4.2 部署真实服务器 74
4.2.1 前置资源 74
4.2.2 域名解析及Nginx安装 76
4.3 Jenkins持续构建 83
4.3.1 了解Jenkins与持续构建 83
4.3.2 Jenkins在服务器上的安装 84
4.3.3 Jenkins工作流的简单实现 85
4.3.4 利用Jenkins拉取代码及发布 89
4.4 Docker的简单使用 95
4.4.1 Docker的安装 96
4.4.2 Docker的基本概念 98
4.4.3 Docker的简单使用 100
4.4.4 使用Dockerfile 102
4.5 改造“宝藏”项目的持续构建方式 106
4.5.1 自动触发Jenkins构建的配置步骤 107
4.5.2 在服务器上打包Vue项目 113
4.5.3 通过Docker改造项目的部署 114
4.6 “白月光”项目部署:在服务器部署SSR项目 118
4.7 路由式微前端实现 121
4.8 本章小结 121
第5章 iframe方案实践 122
5.1 iframe基本示例 123
5.1.1 “白月光”广告项目的创建与集成 123
5.1.2 “宝藏”项目嵌入iframe子项目 128
5.2 iframe通信 135
5.2.1 postMessage简介 135
5.2.2 postMessage在iframe方案中的实践 136
5.2.3 封装postMessage 139
5.3 iframe共享登录态 145
5.4 本章小结 148
第6章 客户端侧组合方案 150
6.1 NPM方案 150
6.1.1 项目创建及基本目录结构 151
6.1.2 本地NPM方案的实践 154
6.1.3 将NPM方案示例发布到线上 163
6.2 动态Script方案 171
6.2.1 生成打包资源表 172
6.2.2 改造微应用 175
6.2.3 主应用改造 181
6.3 WebComponent方案 193
6.4 本章小结 196
第7章 服务侧组合方案 198
7.1 动态缓存技术之CSI、ESI与SSI 198
7.2 SSI技术简单示例 200
7.3 SSR与微前端 202
7.4 本章小结 206
第8章 微前端框架的简易使用 207
8.1 Single-spa 207
8.1.1 Single-spa简介 207
8.1.2 Single-spa的使用 209
8.1.3 Single-spa的NPM方案实践 212
8.1.4 Single-spa的动态Script方案实践 218
8.1.5 Single-spa的Fetch方案实践 227
8.1.6 小结 228
8.2 Qiankun 229
8.2.1 Qiankun的基本理论 229
8.2.2 Qiankun简单实践 236
8.3 Wujie 249
8.3.1 Wujie的基本理论 250
8.3.2 Wujie简单实践 255
8.3.3 小结 263
8.4 MicroApp 263
8.4.1 MicroApp的基本理论 264
8.4.2 MicroApp简易实践 276
8.5 本章小结 278
前 言
微前端这一术语几乎涵盖了Web前端领域的所有技术,从计算机原理、浏览器原理、HTTP协议,到Nginx、Docker、Jenkins等服务器知识,再到Vue、React、Angular、Webpack、Node等前端框架和工具。尽管本书并未深入探讨后端语言和数据库知识,但确实覆盖了技术领域的很大一部分。因此,我们无法在书中详尽讲解所有相关领域和内容。
本书的定位是启蒙读物,旨在为那些对微前端感兴趣但不知从何开始的读者提供一个起点。通过阅读本书,你将能够对微前端有初步的了解,并明确自己需要深入学习的内容,从而走出无从下手的困境。
本书的前两章主要关注理论部分。第1章介绍前端领域中各技术点的模块化知识,解释了为何需要进行“分”的操作。第2章重点讲解微前端相关的理论知识,包括原则、优缺点和适用场景等,帮助开发人员形成对微前端的感性认知。
第3章作为过渡章节,介绍实现微前端的具体方案和技术手段,并通过简单的理论结合实践例子,让读者对这些方案有基本的了解。
第4~8章专注于实践部分。第4章和第5章以一个实际故事为主线,介绍实现零侵入微前端方案的路由式和iframe式两种方法。这两种方案简单易行,无须对现有项目进行大量改造,核心在于服务器部署和Nginx配置。第6~8章深入探讨微前端的技术解决方案,包括前端侧组合方案、服务侧组合方案,以及国内主流微前端框架的使用实践。
由于作者水平有限,书中可能存在疏漏之处。如果在阅读过程中发现问题,请随时通过booksaga@126.com与我们联系,我们会尽快回复并进行更正。同时,欢迎您提出疑问或想法,以便一起交流和学习。
阅读方式
您可以从任何章节开始阅读本书,这不会影响阅读体验。然而,如果您对微前端的概念、理论和实践还不够清楚,建议按照章节顺序从头开始阅读,以便更好地理解微前端的相关知识。
此外,本书包含数十个实践案例,强烈建议跟随书中的步骤实现这些案例,这有助于加深对微前端技术的理解,提高实际应用能力。
配套资源下载
本书的配套资源包括示例源代码、PPT课件,读者可以通过微信扫描下面的二维码来获取。如果在学习本书的过程中发现问题或有疑问,请发送邮件至booksaga@126.com,邮件主题为“微前端之道:从理论到实践”。
源代码 PPT
编 者
2024年9月
评论
还没有评论。