本文介绍了伏羲商办后台采用qiankun微前端框架进行改造的过程和成果。改造旨在解决多技术栈、业务膨胀问题，实现项目分离和运营聚合。qiankun的HTML Entry和JS沙箱特性确保了样式隔离和软隔离。改造后，系统分为一个主应用和多个子应用，实现了独立开发部署和统一入口。同时，文章还讨论了权限管理、环境配置、通信机制、CSS和JS隔离等方面的内容。
伏羲商办后台建设背景：
伏羲项目商办后台(伏羲CMS)，作为服务于58商办C端的后台项目，目前涉及联合办公和写字楼两个类目，提供了相关业务操作、C端广告配置、数据统计、角色权限管理等模块。作为商业地产的新平台，伏羲CMS具有功能迭代灵活、业务扩展迅速等特点。之前的问题是：
多个不同技术栈系统，多个运营入口；
随着功能迭代，规模逐渐庞大，通过项目内的模块化无法解决业务膨胀的问题，每次开发需要全量上线。
总而言之，我们希望的是项目分离，运营聚合。要做的就是将已有的“巨石应用”拆解成多个可独立开发部署的子项目，然后整合为统一入口，UI风格一致的服务平台，因此萌生了微前端改造的想法。
总体分析下来，最后一种方式更符合我们的预期。为此我们又尝试了业内较火的两个微前端框架single-spa和qiankun，最后选择了qiankun，主要原因是它的两个特点：
HTML Entry：相较与JS entry而言天生具备样式隔离的特性
JS 沙箱：保证子应用之间的全局变量不会互相干扰实现软隔离。
项目设计
我们
最低0.47元/天 解锁文章
817
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
