剩下的只有qiankun和microApp了。 1、京东MicroApp MicroApp是一款基于类WebComponent进行渲染的微前端框架,不同于目前流行的开源框架,它从组件化的思维实现微前端,旨在降低上手难度、提升工作效率。它是目前市面上接入微前端成本最低的框架,并且提供了JS沙箱、样式隔离、元素隔离、预加载、资源地址补全、插件系统、数...
微前端框架哪个好？QianKun还是MicroApp 在当前云原⽣微服务、业务中台、低代码平台等IT架构下，不再是传统的烟囱式应⽤系统建设，⽽是打破企业业务部门竖井，建⽴企业级的信息化平台（数据中台、业务中台），那么对业务开发的解耦和聚合将成为关键技术，⽬前对于系统后端已有成熟的微服务架构，基于SpringBoot开发...
剩下的只有qiankun和microApp了。 1、京东MicroApp MicroApp是一款基于类WebComponent进行渲染的微前端框架,不同于目前流行的开源框架,它从组件化的思维实现微前端,旨在降低上手难度、提升工作效率。它是目前市面上接入微前端成本最低的框架,并且提供了JS沙箱、样式隔离、元素隔离、预加载、资源地址补全、插件系统、...
MicroApp是由京东前端团队推出的一款微前端框架,它从组件化的思维,基于类WebComponent进行微前端的渲染,旨在降低上手难度、提升工作效率。MicroApp无关技术栈,也不和业务绑定,可以用于任何前端框架。 并且micro-app与技术栈无关,对前端框架没有限制,任何框架都可以作为基座应用嵌入任何类型的子应用。 特点 使用简单:将...
import { registerMicroApps, start }from'qiankun'; registerMicroApps([ { name:'子应用名称', entry:'子应用入口URL', container:'#子应用挂载容器', activeRule:'/子应用路由前缀', },//可以添加更多子应用]); start(); 2、子main.js 1
京东零售团队micro-apphttps://micro-zoe.github.io/micro-app/ 腾讯无极低代码团队wujie-microhttps://wujie-micro.github.io/doc/ 选型建议 考虑系统需要兼容 ie 浏览器场景 wujie-micro>qiankun 接入便捷度考虑 wujie-micro>micro-app>qiankun 框架稳定性 (框架成熟度) ...
micro-app 我们从上图可以看出,我们可以先注册观察者到观察者池中,然后通过修改globalState可以触发所有的观察者函数,从而达到组件间通信的效果。 实战教程 我们以 实战案例 - feature-communication 分支 (案例是以Vue为基座的主应用,接入React和Vue两个子应用) 为例,来介绍一下如何使用qiankun完成应用间的通信功能...
代码仓库https://github.com/jwchan1996/qiankun-micro-app 分别进入portal、app1、app2根目录,执行: 开发模式 # portalyarn yarn start # app1、app2npm install npm run dev 生产模式 # portalyarn build # app1、app2npm run build 主应用
代码仓库https://github.com/jwchan1996/qiankun-micro-app 分别进入portal、app1、app2根目录,执行: 开发模式 #portalyarn yarn start #app1、app2npm install npm run dev 生产模式 #portalyarn build #app1、app2npm run build 主应用 主应用js文件引入qiankun注册子应用,并编写导航页显示跳转逻辑。
import { MicroApp } from 'umi'; const Demo: React.FC = () => { return ( <MicroApp name="myapp" // 子应用的名称 autoSetLoading={true} // 是否自动设置 loading 状态 base="/templete/Demo" /> ); }; export default Demo; 子应用配置 ...