微前端让前端开发变得容易

原文信息: 查看原文查看原文

Micro Frontends Made Easy

- André Gardi

微前端的概念越来越火,越来越多的开发者开始关注微前端的实现和适用场景。目前为止,还没有一个特别完善的微前端架构方案,社区里面有很多开发者在做新的尝试并总结沉淀。

微前端相比现在的SPA项目有一些优点:

  • 分离的数据存储
  • 独立部署
  • 更快的构建与发布
  • 更高的团队自主性
  • 易于调试和维护

作者在这篇文章中,介绍了几种创建微前端项目的技术方案,大致如下:

  • iframe。在页面上创建多个iframe来组装各个微前端组件,并通过postMessage在微前端组件间通信;
  • 单个SPA。在前端组成应用程序的框架,现在有一个开源框架single-spa可以做这种效果;
  • frint。也是在前端组成应用程序的框架,比Single SPA更灵活。frint
  • Web Components。这个web组件化是浏览器底层支持的,也许是互联网的未来;
  • Tailor。这种方案使用node.js作为后端路由,组装各个微前端组件。Tailor

作者写了一个使用iframe组装微前端的示例项目,感兴趣的话可以去看一下。示例项目仓库

示例项目预览图

分享于 2020-01-14

访问量 1168

预览图片