微前端（一）微前端是什么？为什么要用微前端？

微前端是什么？

参考网站：
https://micro-frontends.org
https://microfrontends.com

微前端就是与多个可以独立发布功能的团队一起构建现代化web应用程序的技术、策略和方法，将大而可怕的事物分割成更小、更易于管理的部分，然后明确它们之间的依赖关系。我们的技术选择，我们的代码库，我们的团队，以及我们的发布过程都应该能够相互独立地操作和进化，而不需要过度的协调。微前端架构是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。

为什么要用微前端？

拆分巨型应用，使应用方便迭代更新
兼容历史应用，实现增量开发

特点：

独立部署
增量迁移
团队自治
松耦合代码

优点：

通过路由进行跨应用程序通信
解决了大型项目如何迭代的问题
解决了多团队技术栈不同的问题，实现react和Vue等框架整合

缺点：

有效载荷大小
环境差异配置难
业务和治理复杂

微前端结构方案

自由组织模式
没有特别形势，类似iframe嵌套、npm包自由发挥
基座模型
类似微服务的注册中心模式，有个基座，其他应用都往里加
去中心模式
webpack5模块联邦，多个应用可以互相嵌套，可以深入到组件导入导出

主流微前端框架

国内使用基座模式偏多
Single-Spa：最早的微前端框架，兼容多种前端技术栈。
Qiankun：基于Single-Spa，阿里系开源微前端框架。

微前端（一）微前端是什么？为什么要用微前端？相关推荐

前后端分离微服务管理系统项目实战SaaS-HRM项目(二)——数据库设计与前端框架
文章目录二.数据库设计与前端框架 1.多租户SaaS平台的数据库方案 <1>.多租户概述 <2>.需求分析 <3>.多租户的数据库方案分析 (1).独立数据库 ( ...
对前端来说token代表了什么_在线公开课 | 前端工程师如何突破瓶颈更好地变现自己...
课程概要此次课程的分享主题是"前端工程师如何突破瓶颈更好地变现提升自己".课程从以下三个方面入手,为大家详解一个前端工程师是如何一步步完善并提升自己的的. 前端工程师所应具备的能 ...
JHipster生成微服务架构的应用栈（三）- 业务微服务示例
本系列文章演示如何用JHipster生成一个微服务架构风格的应用栈. 环境需求:安装好JHipster开发环境的CentOS 7.4(参考这里) 应用栈名称:appstack 认证微服务: uaa 业 ...
前端参数无法转为后端实体内部类_Spring Boot返回前端Long型丢失精度
最近为Prong开发了一个基于snowflake算法的Java分布式ID组件,将实体主键从原来的String类型的UUID修改成了Long型的分布式ID.修改后发现前端显示的ID和数据库中的ID不一致 ...
微服务等于Spring Cloud？一文告诉你微服务到底是什么
作者:TIM XU 原文:https://xiaoxubeii.github.io/articles/microservices-architecture-introduction/ 1 微服务初探 ...
前端改变窗口大小内容不变形_10个前端灵魂拷问丨吃透这些就能摆脱初级前端工程师...
网上参差不弃的面试题,本文由浅入深,让你在做面试官的时候,能够辨别出面试者是不是真的有点东西,也能让你去面试中级前端工程师更有底气.但是切记把背诵面试题当成了你的唯一求职方向越是开放性的题目,更能体 ...
JAVA SpringBlade 微服务开发平台框架,企业级的SaaS多租户微服务平台,基于Spring Boot 2.7
SpringBlade微服务开发平台完整代码下载地址:JAVA SpringBlade 微服务开发平台框架,企业级的SaaS多租户微服务平台采用前后端分离的模式,前端开源两个框架:Sword (基 ...
net微服务框架/c#/netcore微服务框架，一个轻量级的.Net 5.0微服务开发框架，同时也适用于单体架构系统的开发
net微服务框架/c#/netcore微服务框架,一个轻量级的.Net 5.0微服务开发框架,同时也适用于单体架构系统的开发. 支持经典三层与DDD架构开发模式.集成了一系列主流稳定的微服务配套技术栈 ...
mac webpack 版本_晓前端周刊第48期：EMP面向未来微前端方案正式开源了！玩转 webpack，使你的打包速度提升 90%；...
业界动态苹果最大杀招:iPhone App 已能在电脑运行近日网友反馈,苹果 App Store 中大量应用在兼容性一栏中显示:已支持运行 macOS 11(及以上版本)的 Mac 电脑.这意味着 ...
JHipster生成微服务架构的应用栈（二）- 认证微服务示例
本系列文章演示如何用JHipster生成一个微服务架构风格的应用栈. 环境需求:安装好JHipster开发环境的CentOS 7.4(参考这里) 应用栈名称:appstack 认证微服务: uaa 业 ...