微前端的概念越来越火,越来越多的开发者开始关注微前端的实现和适用场景。目前为止,还没有一个特别完善的微前端架构方案,社区里面有很多开发者在做新的尝试并总结沉淀。
微前端相比现在的SPA项目有一些优点:
- 分离的数据存储
- 独立部署
- 更快的构建与发布
- 更高的团队自主性
- 易于调试和维护
作者在这篇文章中,介绍了几种创建微前端项目的技术方案,大致如下:
- iframe。在页面上创建多个iframe来组装各个微前端组件,并通过
postMessage
在微前端组件间通信; - 单个SPA。在前端组成应用程序的框架,现在有一个开源框架single-spa可以做这种效果;
- frint。也是在前端组成应用程序的框架,比
Single SPA
更灵活。frint; - Web Components。这个web组件化是浏览器底层支持的,也许是互联网的未来;
- Tailor。这种方案使用
node.js
作为后端路由,组装各个微前端组件。Tailor ;
作者写了一个使用iframe组装微前端的示例项目,感兴趣的话可以去看一下。示例项目仓库