微前端

develop_csdn_LGQ

微前端框架之乾坤【qiankun】（一）先上背景，新入职一家公司，公司使用到了这个框架，学习一番，要求很低，让自己能够在这个业务线正常的开发。

『微前端系列』微前端概述及qiankun简介微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。qiankun 是一个基于 single-spa 的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。

腾讯无界微前端框架介绍无界微前端框架是由腾讯团队推出的，旨在解决现有微前端方案中存在的问题，如适配成本高、样式隔离困难、运行性能不佳、页面白屏、子应用通信复杂、子应用保活机制缺乏等。

小白探索世界欧耶！~

使用MicroApp重构旧项目随着技术的飞速发展，我们公司内部一个基于“上古神器” jQuery + PHP 构建的十年历史老项目已显力不从心，技术非常老旧且维护成本高昂，其实已经无数次想要重构，但是苦于历史遗留原因以及业务的稳定性而一直难以下手，而且一时半会又不能全部重构。本次新页面较多且后续将持续迭代新模块，而老页面的改动较少且代码库错综复杂，牵一发而动全身。

微前端概念传统代码提交流程微前端代码提交流程核心思想：借鉴了WebComponent的思想，通过CustomElement结合自定义的ShadowDom,将微前端封装成一个类WebComponent组件，从而实现微前端的组件化渲染。

module federation模块联邦与微前端webpack5新增了module federation，module federation的作用，将每个构建(build)作为容器(这是一个概念)，构建后的资源可以正常部署，同时还具备在运行时对外暴露其中的模块，这就意味着多个构建可以独立完成，独立部署，所需的依赖可以在运行时加载。对于多个构建公共的依赖，可以通过shared来指定，这些依赖也可以在运行时加载，并且只加载一次。

Vue微前端架构与Qiankun实践理论指南title: Vue微前端架构与Qiankun实践理论指南 date: 2024/6/15 updated: 2024/6/15 author: cmdragon

微前端的使用和注意事项 - qiankun一、为什么使用微前端二、使用方式三、主应用和微应用间通信可参考：https://juejin.cn/post/6844904151231496200

钓了猫的鱼儿

微前端——qiankun微前端是指存在于浏览器中的微服务，其借鉴了后端微服务的架构理念，将微服务的概念扩展到前端。即将一个大型的前端应用拆分为成多个模块，每个微前端模块可以有不同的团队开发并进行管理，且可以自主选择框架，以及有自己的仓库，可以独立部署上线。（1）未使用微服务之前的项目架构（2）使用微服务之前的项目架构

微前端——无界wujieB站课程视频课程视频课程课件笔记： 1.微前端2.无界现有的微前端框架：iframe、qiankun、Micro-app（京东）、EMP（百度）、无届

微前端个人理解与简单总结最近一段时间在学习微前端，一开始是看各种博客了解微前端含义、对比多种微前端框架优劣，最后选择了qiankun、micro-app、wujie这三种微前端框架进行深入研究、对比。

微前端一：技术选型微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。微前端架构具备以下几个核心价值：

京东云技术团队

【京东开源项目】微前端框架MicroApp 1.0正式发布MicroApp是由京东前端团队推出的一款微前端框架，它从组件化的思维，基于类WebComponent进行微前端的渲染，旨在降低上手难度、提升工作效率。MicroApp无关技术栈，也不和业务绑定，可以用于任何前端框架。

京东云技术团队

浅入深出的微前端MicroApp本文是由最近做的一个项目有感而发，因为之前做了一些技术栈的统一，为了用ant Design的pro-table，PC统一使用react，但是我们有一些老的项目是vue的，本次新页面较多，老页面的改动较少，除此之外老项目想换菜单，因此我们想借助本次机会用react开发，经过了几番思考，发现本次很适合用微前端来完成本次需求，最终决定用react搭建一个基座（主应用），将原来的vue项目接入到基座，这样我们不仅实现了新页面react开发，而且老项目也能和新项目融合一起。

qiankun微前端实践微前端架构具备以下几个核心价值：iframe最大的特性就是提供了测觉游原生的使用离方案，不论是样式隔离，is隔离这英问题统规定美解决。但他的最大问题也在于他的隔离性无法破突破，导致应用间上下文无法被共享，随之带来的开发体验，产品体验的问题

业务中如何拓展微前端架构站在整体架构的角度，微前端可以分为以下几类拓展迭代方向。随着业务的扩展,我们可以在主应用中注册更多的微应用。每个微应用是一个独立的子系统,只需要在主应用的注册列表中添加新的项,配置微应用的名称、入口、活动规则等信息即可。