MicroApp是由京东前端团队推出的一款微前端框架,它从组件化的思维,基于类WebComponent进行微前端的渲染,旨在降低上手难度、提升工作效率。MicroApp无关技术栈,也不和业务绑定,可以用于任何前端框架。 并且micro-app与技术栈无关,对前端框架没有限制,任何框架都可以作为基座应用嵌入任何类型的子应用。 特点 使用简单:将...
根据市场的反馈准备入手京东的微前端框架micro-app,所以让我调研了一下,目前体验还不错。 微前端 首先介绍一下什么是微前端。 微前端的概念是由ThoughtWorks在2016年提出的,它借鉴了微服务的架构理念,核心在于将一个庞大的前端应用拆分成多个独立灵活的小型应用,每个应用都可以独立开发、独立运行、独立部署,再将这些小...
子应用在public文件夹中新建assets文件夹,在assets文件夹下建一个vite1 文件夹,静态资源放置于此 主应用开发环境使用proxy,线上环境使用nginx转发 子应用使用组件插槽或者pinia,路由懒加载报错问题 小项目几个路由加载页面不使用懒加载, 大项目中懒加载的时候不要使用pinia或者组件中不适用 主应用为了美观重写菜单 Header...
3.MicroApp京东出品,一款基于 WebComponent 的思想,轻量、高效、功能强大的微前端框架。 我们本次项目使用的是 umi+react+ts 的技术栈,其实比较适合用 qiankun,qiankun 继承了 umi 框架,但是这个框架配置起来比较麻烦,其次就是 MicroApp 是京东旗下的。 (2)MicroApp 优势 1、使用起来成本最低,将所有的封装到...
京东微前端:京东微前端采用了基于 Web Components 的技术栈,使用自研的微前端框架来进行组织和管理微前端应用。 阿里微前端:阿里微前端采用了基于微前端架构飞冰(Ice)的技术栈,使用自研的插件化中台框架来实现微前端的组织和运行。 技术栈和生态系统: 京东微前端:京东微前端使用了 Web Components 技术,不依赖特定的前...
微前端框架:流行的微前端框架有single-spa和qiankun,它们将维护成本和功能上达到一种平衡,是目前实现微前端备受推崇的方案。 由于iframe和npm包存在问题理论上无法解决,在最初我们采用qiankun作为解决方案,qiankun是在single-spa基础上进行了封装,提供了js沙箱、样式隔离、预加载等功能,并且与技术栈无关,可以兼容不同...
这样就既能保证我们的协同开发效率,又可以有很好的用户体验。所以近些年,微前端这个概念被越来越多的公司和团队所提及和应用,当然也涌现出了很多的微前端解决方案。而京东MicroApp接入成本特别的低,对子应用的几乎0侵入性,同时能,性能又很高,兼容性也极好。 下面我们来深度解析下,MicroApp最突出的核心方案。
初始化 2年前 init.bat 初始化项目 2年前 start.bat 搭建基座和子应用 2年前 README MulanPSL-2.0 京东微前端 使用方式 京东微前端 使用方式 项目初始化可以直接运行 init.bat 文件(双击即可)待依赖全部安装完成后,直接运行 start.bat,即可打开项目 (双击即可) Star 0 Fork 10 简介...
二、京东micro-app和腾讯wujie 基于Web Components 技术实现,wujie为轻量级的微前端框架,micro-app为相对完整的微前端解决方案,提供了更多的功能和生态支持,如状态管理、路由管理等。 使用方法一致,替换库即可 1、主mian.js 1 2 3 4 import{ createApp } from'micro-app'; ...
同时前端技术的发展迅猛,导致功能扩展吃力,重构成本高,稳定性低。 为了能够将前端模块解耦,通过相关技术调研,最终选择了无界微前端框架作为物流客服系统解耦支持。为了更好的使用无界微前端框架,我们对其运行机制进行了相关了解,以下是对无界运行机制的一些认识。 基本用法 主应用配置 import WujieVue from 'wujie-vue2'...