面试必背系列-微前端

221 阅读1分钟

需求:

  • 希望内部平台能够统一管理,将不同框架集成进一个统一管理平台,天狼星平台
  • 希望能够统一走sso内部账号登录
  • 提供开发、打包、发布于一体的后台

微前端技术选型采用sing-spa:

  • 乾坤坑比较多,字体无法显示。乾坤底层也是基于single-sap。
  • 希望能够自研,于是采用底更层一点的singa-sap,符合公司规范的一套。

微前端 天狼星实现原理:

  • 我们提供不同框架的模版,该模版实现注册,监听、加载资源以及对应的回调
  • js沙箱隔离问题:通过代理对象,去解决,我们有提供专门的sdk
  • css 不同的应用采不同的标识,通过postcss给不同的应用增加前缀,防止污染全局

包括几个部分:

发布平台 同步 缓存cdn替换环境

自研框架 kream

脚手架 打包 + oss 根据当前分支打不同的包,并且根据需求直接生成不同的模版

模板 后台 vue react 配置文件