京东微服务microApp使用总结

最新推荐文章于 2025-03-27 11:17:04 发布
最新推荐文章于 2025-03-27 11:17:04 发布
阅读量1k 收藏 5
点赞数 4
文章标签： 微服务 架构 云原生
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45685544/article/details/137924322
版权

前言

基于现有业务门户进行微服务基础平台搭建
主应用框架：vue3+vite
子应用框架：vue2+webpack / vue3+vite在这里插入代码片

本地调试即可：主应用+子应用进行打通（注意：两者都是vue3+vite）

问题总结

1.嵌入问题

在这里插入图片描述
vite作为子应用只需要切换到iframe沙箱
在这里插入图片描述

1.通信问题

主应用
在这里插入图片描述
在这里插入图片描述
子应用接收
在这里插入图片描述

最低0.47元/天 解锁文章
朱@
关注
京东微前端框架MicroApp简介
xiangzhihong8的专栏
02-03 1970
在MicroApp开源后我们收到社区的一些反馈，其中一条关于性能的问题引起我们的重视。这不是MicroApp才存在的问题，而是微前端长久以来的难题，在社区有大量关于沙箱性能问题的讨论，却始终没有完美的解决方案。图片MicroApp采用的是和qiankun一样的proxy+with的沙箱方案，这也是目前js沙箱的主流方案。
微前端-qiankun
weixin_44922119的博客
12-05 2294
借鉴了微服务的概念，将一个放大的巨石应用拆分多个独立灵活的小型应用，每个应用过都可以独立开发、独立运行、独立部署，还可以随意组合，降低耦合度，更灵活。：在面对各种复杂场景时，我们通常很难对一个已经存在的系统做全量的技术栈升级或重构，而微前端是一种非常好的实施渐进式重构的手段和策略。qiankun ：产由阿里巴巴，基于single-spa，在它的基础上增加了很多功能。：微应用仓库独立，前后端可独立开发，部署完成后主框架自动完成同步更新。：主框架不限制接入应用的技术栈，微应用具备完全自主权。
微前端之 三 Micro App (京东) 框架使用
我的世界我的光彩
04-03 2700
Micro App框架 基座应用 子应用
京东T7架构师用470页就把微服务架构原理与开发实战文档讲完了
jinggege795的博客
06-23 214
前言 最近几年软件开发方法层出不穷，微服务作为一种主流的架构模式一直热度不减。 为了帮助广大程序员们更好更快地理解微服务的概念，学习微服务在项目中的实践，本文全面阐述了微服务架构模式的特点、架构思路、设计理念、技术框架及具体的代码实战，以软件开发过程中遇到的各种疑难问题为切入点，逐步解析微服务架构是如何设计及解决这些问题的。 也是目前最新、也比较完善的一份微服务架构原理与开发实战文档。 大家先来看一下目录 其次，看一下包含的内容 本文总共有470页，包含12章的内容，微服..
microApp子应用挂载两次，路由丢失问题
最新发布
weixin_42202697的博客
03-27 241
microApp在使用过程中，每次刷新页面或者新进入页面，路由有几率会丢失，定向到`/{sub-app-name}`;排查发现microApp子应用挂载两次；
京东开源项目micro-app初体验
qq_44000859的博客
01-12 5390
文章目录关于micro-app一、micro-app使用版本以及使用场景？二、使用步骤1.下载总结 关于micro-app 2021年7月由京东开源的微前端框架 官方文档 micro-appgit地址 了解micro-app 一、micro-app使用版本以及使用场景？ 这段不重要可跳过 版本：0.8.0 使用背景：目前所在的公司存在多个项目共用同一个模块的情况，比如有A,B,C三个项目，这三个项目中有一部分页面是完全相同的，我们不希望去重复开发同一个模块，于是领导提出将重复的页面单独提取出来成为独立
上手京东微前端框架micro-app(保姆级教学)
CreatorRay的博客
04-05 4349
通过实践，我们可以发现micro-app这个微前端框架的，代码侵入性极低，我们只在主服务里写了几行关于微前端配置的代码，子服务在不进行通信的前提下，只需要配置跨域即可。如此低成本就能将N个独立的子服务集成到一起，对于原服务也不会有任何影响。甚至不限制任何技术栈，我们的主服务是React，子服务1是React，子服务2是Vue，也可以很轻松的进行集成。
京东微前端microApp 项目实战
qq_40295815的博客
07-03 1352
目前我说的这版是vue2为基座，子应用vue2，vue3，react都行，vite版本是单独的，自己去官网看着配。基础配置在基座（包含导航侧边栏登录等，基础组件，不可用的组件扔npm包里，子组件自己下载就行了）配完这些恭喜你，成功跳转到子应用了，需要基座下发或者子应用回传数据，官网api就有就不写了。公司项目有N个系统构成一个大体积应用，代码越来越多，运行打包十几分钟以上。再就是基座里，你切换其他系统的时候需要配置的地方，点击切换系统的方法。name名字很重要，要对应起来，要不进入子应用的时候会有问题。
京东开源微前端架构框架
04-13
总结起来，京东开源的微前端架构框架是对大型前端项目进行模块化、组件化管理的一种创新解决方案。它不仅解决了传统SPA架构的痛点，还为团队协作和项目维护提供了便利。对于面临类似挑战的开发者而言，深入理解并...
京东微前端应用MicroApp，主应用vite-vue3，子应用vite-vue3+pinia
DTCloud
06-20 1010
这篇文章主要是为了记录，本人在使用中遇到的一些问题，供参考网上的个人文章和官网的都差不多，都没有我遇到的问题，这篇文章只着重把我遇到的问题地方贴出来。
micro-app使用（基于vue3）
qq_42038997的博客
08-08 2355
使用微前端，需要使用一个项目作为基座，其余的项目为子应用，创建两个新项目为例。
京东微服务平台架构设计
04-04
介绍了京东的微服务平台架构，主架构包括1）服务框架 2）服务治理 3）服务集市。
京东微服务架构监控及监控原理介绍
05-03
微服务架构下的应用监控 复杂微服务架构面临的问题 • 服务器体量激增，部署和管理问题 • 调用链复杂 • 监控复杂度大大增加，如何快速发现/定位问题?
微前端（micro-app）使用手册
StoneHui
06-25 5036
micro-app 是借鉴了 WebComponent 的思想，通过 CustomElement 结合自定义 ShadowDom，将微前端封装成一个类 WebComponent 组件，从而实现组件化。
全面解析京东微服务平台
Docker的专栏
03-10 2474
背景介绍众所周知，JSF是基于Java的RPC框架并在其基础上提供了一些服务治理功能，目前被广泛应用于集团内部。但随着微服务及容器化在京东日益深入普及，服务种类及服务实例数急剧增加，部署场景也从单纯内部使用开始向外部延伸出现混合部署的新情况，特别是组件化及对外赋能战略的提出，都对JSF提出了更新、更高的要求。总结一下，这些要求包括如下：调用端依赖的服务个数及每个服务的实例数越来越多，造成调用端的启
京东服务市场微服务架构和积木式赋能挑战
m0_67322837的博客
06-09 704
京东服务市场是为第三方软件服务商和京东开放商家提供的交易服务平台，为第三方服务商赋能，并为其搭建起与商家间交易合作的桥梁。服务市场团队在2018年完成了云平台京东服务市场的交接与POP平台京麦插件市场的系统融合，并承载着京东自营与三方越来越多服务进行商业变现的业务诉求。相对于传统的电商系统，服务市场面对着的是更复杂的业务领域，更灵活多变的交易组合场景，如何让系统具备积木式赋能的能力，通过松耦合架构设计具有系统高内聚性，把耦合度降到最低，进一步实现较为合理的微服务架构风格的应用系统，期间遇到了很大的挑战也总结
极简微前端框架-京东MicroApp开源了
cangdu123的博客
07-28 4828
前言 MicroApp是一款基于类WebComponent进行渲染的微前端框架，不同于目前流行的开源框架，它从组件化的思维实现微前端，旨在降低上手难度、提升工作效率。它是目前市面上接入微前端成本最低的框架，并且提供了JS沙箱、样式隔离、元素隔离、预加载、资源地址补全、插件系统、数据通信等一系列完善的功能。MicroApp与技术栈无关，也不和业务绑定，可以用于任何前端框架和业务。 本篇文章中我们会从业务背景、实现思路介绍MicroApp，也会详细介绍它的使用方式和技术原理。 背景 随着这些年互联网的飞速发展，
微前端框架micro-app简单用法
qq_59724054的博客
08-26 1165
当微应用信息注册完之后，一旦浏览器的 url 发生变化，便会自动触发 qiankun 的匹配逻辑，所有 activeRule 规则匹配上的微应用就会被插入到指定的 container 中，同时依次调用微应用暴露出的生命周期钩子。微应用需要在自己的入口 js (通常就是你配置的 webpack 的 entry js) 导出。给子应用发送数据，此时只接受对象类型，数据变化时会自动重新发送。微应用不需要额外安装任何其他依赖即可接入 qiankun 主应用。三个生命周期钩子，以供主应用在适当的时机调用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值