实施微前端的六种方式
微前端的那些事儿
html5
Phodal Huang
phodal
55页
•
0 Star
•
2018年8月3日收录
开始阅读
书籍推荐
Pixi教程
Zainking
•
html5
•
56页
•
2020年5月17日
移动前端开发收藏夹
hoosin
•
html5
•
1页
•
2019年3月3日
1405
前端早读课
if2er
•
html5
•
1页
•
2018年7月8日
7
Shell脚本编程30分钟入门
qinjx
•
linux
•
5页
•
2019年3月3日
5224
Java资源大全中文版
伯乐在线
•
java
•
61页
•
2018年5月23日
7938
30秒学会常用React代码
30 seconds
•
redux
•
52页
•
2019年5月26日
1894
小字
大字
宋体
黑体
白天
护眼
夜晚
封面
简介
微前端的那些事儿
实施微前端的六种方式
基础铺垫:应用分发路由 -\> 路由分发应用
后端:函数调用 -> 远程调用
前端:组件调用 -> 应用调用
路由分发式微前端
使用 iFrame 创建容器
自制框架兼容应用
组合式集成:将应用微件化
纯 Web Components 技术构建
结合 Web Components 构建
在 Web Components 中集成现有框架
集成在现有框架中的 Web Components
复合型
为什么微前端开始在流行------Web 应用的聚合
前端遗留系统迁移
后端解耦,前端聚合
兼容遗留系统
如何解构单体前端应用------前端应用的微服务式拆分
前端微服化
独立开发
独立部署
我们真的需要技术无关吗?
不影响用户体验
微前端的设计理念
设计理念一:中心化路由
设计理念二:标识化应用
设计理念三:生命周期
设计理念四:独立部署与配置自动化
实战微前端架构设计
独立部署与配置自动化
应用间路由------事件
大型 Angular 应用微前端的四种拆分策略
前端微服务化:路由懒加载及其变体
微服务化方案:子应用模式
方案对比
标准 LazyLoad
LazyLoad 变体 1:构建时集成
LazyLoad 变体 2:构建后集成
前端微服务化
总对比
前端微服务化:使用微前端框架 Mooa 开发微前端应用
Mooa 概念
微前端主工程创建
Mooa 子应用创建
导航到特定的子应用
前端微服务化:使用特制的 iframe 微服务化 Angular 应用
iframe 微服务架构设计
微前端框架 Mooa 的特制 iframe 模式
微前端框架 Mooa iframe 通讯机制
发布主应用事件
监听子应用事件
示例
资源