介绍 - qiankun - UmiJS

qiankun 孵化自蚂蚁金融科技基于微前端架构的云产品统一接入平台，在经过一批线上应用的充分检验及打磨后，我们将其微前端内核抽取出来并开源，希望能同时帮助社区有类似 ... qiankun指南API常见问题入门教程版本公告发布日志升级指南1.x版本GitHubEnglishqiankun指南API常见问题入门教程版本公告发布日志升级指南1.x版本GitHubEnglish介绍什么是微前端qiankun的核心设计理念它是如何工作的为什么不是iframe特性快速上手项目实践介绍qiankun是一个基于single-spa的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。

qiankun孵化自蚂蚁金融科技基于微前端架构的云产品统一接入平台，在经过一批线上应用的充分检验及打磨后，我们将其微前端内核抽取出来并开源，希望能同时帮助社区有类似需求的系统更方便的构建自己的微前端系统，同时也希望通过社区的帮助将qiankun打磨的更加成熟完善。

目前qiankun已在蚂蚁内部服务了超过200+线上应用，在易用性及完备性上，绝对是值得信赖的。

什么是微前端Techniques,strategiesandrecipesforbuildingamodernwebappwithmultipleteamsthatcanshipfeaturesindependently.--MicroFrontends微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略。

微前端架构具备以下几个核心价值：技术栈无关主框架不限制接入应用的技术栈，微应用具备完全自主权独立开发、独立部署微应用仓库独立，前后端可独立开发，部署完成后主框架自动完成同步更新增量升级在面对各种复杂场景时，我们通常很难对一个已经存在的系统做全量的技术栈升级或重构，而微前端是一种非常好的实施渐进式重构的手段和策略独立运行时每个微应用之间状态隔离，运行时状态不共享微前端架构旨在解决单体应用在一个相对长的时间跨度下，由于参与的人员、团队的增多、变迁，从一个普通应用演变成一个巨石应用(FrontendMonolith)后，随之而来的应用不可维护的问题。

这类问题在企业级Web应用中尤其常见。

更多关于微前端的相关介绍，推荐大家可以去看这几篇文章：MicroFrontendsMicroFrontendsfrommartinfowler.com可能是你见过最完善的微前端解决方案微前端的核心价值qiankun的核心设计理念🥄简单由于主应用微应用都能做到技术栈无关，qiankun对于用户而言只是一个类似jQuery的库，你需要调用几个qiankun的API即可完成应用的微前端改造。

同时由于qiankun的HTMLentry及沙箱的设计，使得微应用的接入像使用iframe一样简单。

🍡解耦/技术栈无关微前端的核心目标是将巨石应用拆解成若干可以自治的松耦合微应用，而qiankun的诸多设计均是秉持这一原则，如HTMLentry、沙箱、应用间通信等。

这样才能确保微应用真正具备独立开发、独立运行的能力。

它是如何工作的TODO为什么不是iframe看这里WhyNotIframe特性📦基于single-spa封装，提供了更加开箱即用的API。

📱技术栈无关，任意技术栈的应用均可使用/接入，不论是React/Vue/Angular/JQuery还是其他等框架。

💪HTMLEntry接入方式，让你接入微应用像使用iframe一样简单。

🛡​样式隔离，确保微应用之间样式互相不干扰。

🧳JS沙箱，确保微应用之间全局变量/事件不冲突。

⚡️资源预加载，在浏览器空闲时间预加载未打开的微应用资源，加速微应用打开速度。

🔌umi插件，提供了@umijs/plugin-qiankun供umi应用一键切换成微前端架构系统。

在GitHub上编辑此页3/25/202204:23:35