前言 最近入职的一家公司采用single-spa这个微前端框架,所以自学了此框架。 single-spa这个微前端框架虽然有中文文档,但是有些零散和晦涩。 所以我想在学习之余,写篇博客拉平一下这 ...
前言 最近入职的一家公司采用single-spa这个微前端框架,所以自学了此框架。 single-spa这个微前端框架虽然有中文文档,但是有些零散和晦涩。 所以我想在学习之余,写篇博客拉平一下这 ...
微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。 一、什么是微前端 “微前端”一词最早在2016年提出,它将后端微服务的概念扩展到前端世界。简单来说, ...
前言 微前端由ThoughtWorks 2016年提出,将后端微服务的理念应用于浏览器端,即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。 美团已经是一家拥有几万人规模的大 ...
介绍 乾坤这个名字取得很大气,在中国传统文化中,乾意味着天堂而坤代表地球,所以乾坤是宇宙。乾坤是一个阿里巴巴UMI基于single-spa而对Micro Frontens的实现,但是它更容易应用到开 ...
前言 目前社区有很多关于微前端架构的介绍,但大多停留在概念介绍的阶段。而本文会就某一个具体的类型场景,着重介绍微前端架构可以带来什么价值以及具体实践过程中需要关注的技术决策,并辅以具体代码,从而能真 ...
一、概念 之前的一篇文章基于qiankun从零搭建了一套微前端项目,主应用是vue,微应用包括vue、react。内部页面比较单一需要根据实际业务添砖加瓦,每个微应用应该是严格按照业务进行拆分的,但 ...
Vue 微前端&微服务解决方案, Genesis 对远程组件进一步的设计和思考 对远程组件进一步的设计和思考 远程组件,是 Genesis 提出的一个概念,它是指通过接口,调用一个 ...
一、为什么要学习微前端 什么是微前端 微前端就是将不同的功能按照不同的维度拆分成多个子应用。通过主应用来加载这些子应用。 微前端的核心在于拆, 拆完后在合! 为什么去使用 ...
前言 最近做的项目使用了微前端框架single-spa。 对于这类微前端框架而言,通常有个utility应用,也就是公共应用,里面是各个子应用之间可以共用的一些公共组件或者方法。 对于一个团队而 ...
微前端项目在本地开发完成后,接下来就需要考虑如何部署上线。主应用和微应用都应该是独立开发和部署的,属于不同的仓库。 一、 部署在同一服务器 如果服务器数量有限,或不能跨域等原因需要把主应用和微应用 ...