上图为落地过程中遇到的一些问题，接下来围绕这些问题跟大家分享我的认知体系是如何去解决的 1. 应用权限控制如何做？ 路由权限：比如当用户从门户中登陆后，要访问应用A或者应用A下的某个菜单页面时，但该用

笔者初次接触微前端在2020年7月，是从同事的口中听说的。虽然不算是一个早期接触者，但是也确实的推动和跟进了内部某大型项目的开发和落地。也希望能把一些走过的坑和一些思考分享给大家。文内所指应用均为PC网页应用。此文不进行移动端M页讨论。 当时网上信息也不是很多，百度搜索微前端的…

微前端是指存在于浏览器中的微服务，通常由许多组件组成，并使用类似于 React、Vue 和 Angular 等框架来渲染组件，每个微前端可以由不同的团队进行管理，并可以自主选择框架。 每个微前端都拥有独立的 git 仓库、package.json 和构建工具配置。因此，可以拆分…

所有的复杂性、所有的麻烦，为的是什么？几个月后你的前端应用就过时了，你应该把时间精力花在可重用组件上。“没有什么能打败单体应用开发！”这是种相当狭隘的观点。 你可能赞成第一种或第二种观点。然而，在实际软件开发中，答案总是在它们之间。 认识我的人都知道我是单体应用开发的忠实粉丝。…

现在很多企业，基本在物理上进行了应用代码隔离，实行单个应用单个库，闭环部署更新测试环境、预发布环境和正式环境。于是，我们的探讨的是，基于不同应用不同库并独立部署的情况下，如何实现多个应用之间的资源共享？ 之前比较多的处理方式是npm包形式抽离和引用，比如多个应用项目之间，可能有…

微服务的概念在后端开发比较成熟，借助微服务，可以更好的结偶多个单独的服务，提高彼此的性能跟稳定性。随着这两年前端的发展，微前端的概念也在前端中如火如荼的发展起来，但是我们为什么要去使用微前端呢 但现实中项目在架构上需要考虑的不仅仅是优势，更要考虑劣势。 项目技术栈过于老旧,相关…

在 Genesis 中，核心的就是渲染器，它提供了最基础渲染能力，有了它，你可以实现微前端、微服务、远程组件、首屏渲染，甚至可以和 React、EJS 等配合使用。 如果你是传统的后端渲染的，需要做SEO，但是你希望在部分布局，部分页面引入 Vue，那么 renderer.re…

在 Web 开发导论/微前端与大前端一文中，笔者简述了微服务与微前端的设计理念以及微前端的潜在可行方案。微服务与微前端，都是希望将某个单一的单体应用，转化为多个可以独立运行、独立开发、独立部署、独立维护的服务或者应用的聚合，从而满足业务快速变化及分布式多团队并行开发的需求。如康…

传统前端业务通常会根据业务线集成在一个站点上，随着业务复杂度上升，包体积会迅速变的过大。为了适应这个变化往往需要更多的开发者、更细粒度的团队组织。分组开发时大家的模块解耦到各自完成，上线时糅合在一起运行，产生出层出不穷的分支合并、代码回滚，都会造成合作效率的骤降。这正是头条号平…