qiankun(乾坤)微前端框架简介

qiankun(乾坤)微前端框架简介

最近在搞微前端项目,接下来整体介绍一下微前端。

在现代 Web 应用程序开发中,微前端架构逐渐成为一种趋势,它可以帮助我们更好地管理和组织复杂的项目。qiankun(乾坤)是一个基于 single-spa 的微前端实现库,旨在帮助开发者更简单、无痛地构建一个生产可用的微前端架构系统。
一、qiankun 简介

qiankun(乾坤)这个名字来源于"小世界有大乾坤",意味着在微前端这个小世界里,通过乾坤这个框架可以创造出一个宏大的架构。qiankun 的主要特点有:

简单:无论你使用什么技术栈,都可以轻松地将子应用接入到主应用中,就像使用 iframe 一样简单。

完备:qiankun 提供了丰富的功能,包括样式隔离、沙箱、预加载等,为开发者解决微前端架构中的各种问题。

生产可用:qiankun 已经在蚂蚁金服内部和外部的 200+ 应用中得到验证,是一个值得信赖的生产可用解决方案。
二、qiankun 的设计理念

qiankun 的设计理念主要体现在两个方面:技术栈无关和技术栈无关。

技术栈无关:qiankun 不限制子应用的技术栈,无论是 React、Vue 还是 Angular,都可以轻松地接入到主应用中。这样可以消除应用之间的隐性依赖,实现真正的技术栈无关。

接入简单:qiankun 的目标是让接入微前端的过程就像使用 iframe 一样简单,从而尽可能减少对旧应用的改造工作量。
三、qiankun 的技术实现与选择

qiankun 在技术实现上主要解决了两个问题:应用的加载与切换和应用的隔离与通信。

应用的加载与切换:qiankun 通过使用 single-spa,实现了应用的懒加载、路由处理和应用入口选择等功能。

应用的隔离与通信:qiankun 使用 JS 沙箱和样式隔离技术,确保子应用之间的 JS 和 CSS 不会发生冲突。同时,qiankun 提供了父子应用和子子应用之间的通信机制,实现了应用之间的数据传递和交互。
总结

qiankun(乾坤)作为一个微前端框架,为开发者提供了简单、完备且生产可用的解决方案。通过技术栈无关和接入简单的设计理念,qiankun 可以帮助开发者更好地管理和组织复杂的 Web 应用程序,实现高效的协同开发

相关推荐
青锐CC7 分钟前
webman使用中间件验证指定的控制器及方法[青锐CC]
中间件·前端框架·php
qbbmnnnnnn2 小时前
【vue2.0入门】vue基本语法
前端·vue.js·前端框架
Dreams°12314 小时前
【ECMAScript标准规范】
前端·vscode·前端框架·ecmascript
咔咔库奇14 小时前
react动态路由
前端·react.js·前端框架
yqcoder15 小时前
react 中 FC 模块作用
前端·react.js·前端框架
刘志辉16 小时前
react的创建与书写
前端·react.js·前端框架
会发光的猪。17 小时前
vue3中ElementPlus引入下载icon图标不显示透明问题解决教程方法
javascript·vue.js·elementui·前端框架
奔跑草-18 小时前
【前端】深入浅出的React.js详解
前端·react.js·前端框架
秃头女孩y20 小时前
【React】条件渲染——逻辑与&&运算符
前端·react.js·前端框架
爱吃糖的范同学1 天前
【前端学习指南】第三站 Vue 组件之间通信
开发语言·前端·javascript·vue.js·前端框架·ecmascript