基于qiankun的微前端最佳实践 -（同时加载多个微应用）

介绍 qiankun

在正式介绍 qiankun 之前，我们需要知道，qiankun 是一个基于 single-spa 的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。

微前端的概念借鉴自后端的微服务，主要是为了解决大型工程在变更、维护、扩展等方面的困难而提出的。目前主流的微前端方案包括以下几个：

iframe
基座模式，主要基于路由分发，qiankun 和 single-spa 就是基于这种模式
组合式集成，即单独构建组件，按需加载，类似 npm 包的形式
EMP，主要基于 Webpack5 Module Federation
Web Components

严格来讲，这些方案都不算是完整的微前端解决方案，它们只是用于解决微前端中运行时容器的相关问题。

本文我们主要对 qiankun 所基于的基座模式进行介绍。它的主要思路是将一个大型应用拆分成若干个更小、更简单，可以独立开发、测试和部署的微应用，然后由一个基座应用根据路由进行应用切换。

qiankun 的核心设计理念

基于qiankun的微前端最佳实践 -（同时加载多个微应用）相关推荐
1. jsp给前端注入值失败_基于 qiankun 的微前端最佳实践（图文并茂）应用间通信篇...
  引言大家好~ 本文是基于 qiankun 的微前端最佳实践系列文章之应用间通信篇,本文将分享在 qiankun 中如何进行应用间通信. 在开始介绍 qiankun 的应用通信之前,我们需要先了解微 ...
2. 基于 qiankun 的微前端最佳实践（万字长文） - 从 0 到 1 篇
  写在开头微前端系列文章: 基于 qiankun 的微前端最佳实践(万字长文) - 从 0 到 1 篇基于 qiankun 的微前端最佳实践(图文并茂) - 应用间通信篇万字长文+图文并茂+全面解 ...
3. qiankun微前端落地实践
  qiankun微前端落地实践背景 A项目集成了多条业务线的项目,但是共同使用一个git仓库和一套发布流水线,代码组织比较混乱.本次需要引入一个新的业务线,如果直接在A项目开发,将导致原项目更加复杂, ...
4. 爱奇艺基于 Vue 的微前端架构实践
  点击上方"开发者技术前线",选择"星标" 18:50 在看真爱来自:爱奇艺技术产品团队前言近来,微前端的概念非常火爆,那么什么是微前端架构?微前端架构是 ...
5. 爱奇艺号微前端架构实践
  前言近来,微前端的概念非常火爆,那么什么是微前端架构?微前端架构是一种架构风格类似于微服务的架构,它将微服务的理念应用于浏览器端,即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应 ...
6. 干货：基于 Git Flow 的 Git 最佳实践（附加解决大家经常碰到的问题）
  干货:基于 Git Flow 的 Git 最佳实践(附加解决大家经常碰到的问题) 参考文章: (1)干货:基于 Git Flow 的 Git 最佳实践(附加解决大家经常碰到的问题) (2)https: ...
7. 微前端之实践环境变量设置、快照沙箱隔离、代理沙箱隔离、css 样式隔离、父子应用间通信和子应用间通信
  一.微前端之实践环境变量设置.快照沙箱隔离.代理沙箱隔离.css 样式隔离.父子应用间通信和子应用间通信微前端环境变量设置,如下所示: 在 micro 下的 sandbox 中 performScr ...
8. 基于ITIL的SCOM监控最佳实践
  1. 按照系统类别进行监控很多朋友在使用SCOM进行监控的时候,往往只是导入管理包,推送代理,并不会思考很多,那么在这种情况下,SCOM在进行监控的时候都是基于缺省的类对象进行监控,比如说Wind ...
9. 初级前端小程序项目加载速度优化
  这份文字是根据近期团队做来问丁香医生 SPA 和丁香医生小程序加载速度优化的经历整理而成. 效果古人有一句话叫做:治感冒看疗效.既然是关于速度优化的,我们就先来看一下优化的效果. 来问丁香医生 ...
最新文章
热门文章

基于qiankun的微前端最佳实践 -（同时加载多个微应用）

介绍 qiankun

qiankun 的核心设计理念

基于qiankun的微前端最佳实践 -（同时加载多个微应用）相关推荐

最新文章

热门文章