跳到主要内容

微前端模型

微前端模型描述一个可以被平台页面加载的独立前端应用。它解决的是页面实现的交付和加载,不是业务对象或导航权限本身。

作用

  • 为复杂交互、独立构建或独立发布的页面提供前端实现资源。
  • 描述微前端包的名称、类型、入口和静态资源路径。
  • UI 模型 可以在不改变业务数据模型的前提下切换页面实现。

核心属性

属性作用说明
name应用标识微前端资源的稳定名称。
type接入类型区分加载器或微前端运行方式。
entry入口地址浏览器加载微前端的入口资源或地址。
publicPath静态资源基路径解决 JS、CSS 和图片等资源的相对加载问题。
packageName包名关联已安装的前端包或平台组件资源。

与其他模型的关系

  • UI 模型 管理路由和页面入口,微前端模型提供其中一种实现方式。
  • 菜单模型 负责把入口呈现为导航,权限模型 负责访问控制。
  • 微前端页面通常调用 WebAPI 模型 暴露的接口,并围绕 业务模型 展示和操作数据。
  • 微前端适合复杂交互;标准 CRUD 和结构化页面优先使用 UI Schema。

使用边界

只有在标准组件或 UI Schema 无法表达交互、页面需要独立生命周期或必须接入专用前端框架时才使用微前端。不要用微前端替代模型、菜单和权限体系。

使用入口与契约