韩国私人网站服务器,云南通耀建设工程有限公司网站,wordpress+微信悬浮,海洋聚创抖音代运营最近一段时间在学习微前端#xff0c;一开始是看各种博客了解微前端含义、对比多种微前端框架优劣#xff0c;最后选择了qiankun、micro-app、wujie这三种微前端框架进行深入研究、对比。 微前端框架 推出时间 官方文档易读性 社区讨论活跃度 配置难度 Qiankun#xff…最近一段时间在学习微前端一开始是看各种博客了解微前端含义、对比多种微前端框架优劣最后选择了qiankun、micro-app、wujie这三种微前端框架进行深入研究、对比。 微前端框架 推出时间 官方文档易读性 社区讨论活跃度 配置难度 Qiankun蚂蚁 2019年 中 高 中 Micro-app京东 2021年 高 中 低 Wujie腾讯 2022年 低 低 高
Qiankun
我研究、配置的第一个微前端是qiankun根据qiankun官方文档可以成功搭建Vue主子应用以及react子应用但文档中配置项层级模糊且对应示例比较片面好在网上博客、文档多。如果注册了某个子应用但没有启动的话会报错。
Micro-app:
micro-app官方文档描述清晰配置过程简单是我花费时间最少的微前端。如果注册了某个子应用但没有启动的话不会报错。
Wujie:
可以说wujie给我最大的感觉是文档混乱、步骤不清晰、容易误导人网上相关的博客、文档很少翻来覆去内容都很相似参考意义不大。花了半天搭建、配置Vue主子应用还是没能成功。
微前端的应用场景
当不同的团队开发同一个应用所选技术栈不同时现在大型的互联网公司都会为用户提供很多应用和服务通过微前端可以将多个前端聚合在一起为用户呈现一站式服务的应用聚合应用。需要保持技术栈不落后就需要在兼容原有系统的同时使用新框架去开发新功能而遗留系统的功能已经足够完善且运行稳定此时没有必要使用新的框架去重构遗留系统某个模块可以被多个项目之间共用为了使系统可以更快速地从故障中恢复或者不因为其中一个模块影响全局。
使用微前端的优缺点
如果一个项目很大我们更改了一部分代码到发布的时候就不用整个项目重新打包编译发布了可以大大节省时间。还有一种情况我们需要长时间下架、修改某个模块时不用专门把这个模块代码去掉它不会影响其它非相关功能线上正常使用。也意味着可以将故障风险的粒度隔离到更小的范围更容易排查到问题所在微前端支持多种前端框架可以让“新”应用与旧应用并行工作从而提供了一种迁移手段多个独立的开发团队更容易协同开发单个前端应用且职责范围更窄更加易于理解通信比iframe容易如可以共享cookie、session浏览器刷新不用重新加载全部资源且url同步但它样式隔离不够彻底可能需要额外调整各个团队需要建立维护自己的服务器构建流程和持续集成的管道可能还加载冗余的js/css小型项目或者功能简单的项目没有必要用微前端使用微前端且使用不同数据库的情况下后端团队有独立的数据库团队之间需要定期复制数据一旦出现错误容易引起数据不一致使用微前端意味着系统拆分拆分的粒度越小维护的成本越高并且如果应用不同技术栈技术栈种类越多维护的难度越大。
