Signal ledger / designed reading stage
微前端技术点探秘
探索微前端技术点的实现原理
Transition band / reading fieldLong-form note2023-04-12
Continue through the ledger
探索微前端技术点的实现原理
微前端目前有几个可选用的框架:
本文将借助现有的文章及源码对微前端的特性技术点做技术总结。
实现方式:
通过劫持路由实现对路由的控制,从而控制子应用展示
该方法由 single-spa 提出,qiankun 和 garfish 都参考了该实现。在主应用配置子应用配置,将主应用的某个路由如
/user 配置指向
https://user.example.com。当激活路由时,通过 fetch 地址获取目标地址的 HTML 进行解析。
通过 WebComponent 将子应用视为一个组件