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 应用程序,实现高效的协同开发

相关推荐
我命由我1234512 小时前
Android Cordova 开发 - Cordova 快速入门(Cordova 环境配置、Cordova 第一个应用程序)
android·开发语言·前端框架·android studio·h5·安卓·android-studio
浪裡遊14 小时前
前端热门面试题day1
前端·javascript·vue.js·前端框架
Jolyne_19 小时前
搭建公司前端脚手架
前端·架构·前端框架
小马爱记录20 小时前
Vue2-指令语法
前端·vue.js·前端框架
独立开阀者_FwtCoder21 小时前
Chrome 新特性:几行 CSS 实现 100 多种轮播特效!
前端·javascript·前端框架
人民广场吃泡面1 天前
前端框架的“快闪“时代:我们该如何应对技术迭代的洪流?
前端框架
蓉妹妹1 天前
React项目添加react-quill富文本编辑器,遇到的问题,比如hr标签丢失
前端·react.js·前端框架
vvilkim1 天前
React Server Components 深度解析:下一代 React 渲染模式
前端·react.js·前端框架
进取星辰2 天前
10、Context:跨维度传音术——React 19 状态共享
前端·react.js·前端框架
vvilkim2 天前
深入解析React.lazy与Suspense:现代React应用的性能优化利器
前端·react.js·前端框架