Qiankun 第5页

vue项目集成乾坤(qiankun)微前端

vue项目集成qiankun微前端集成乾坤微前端主应用：1.安装2.main.js中进行配置3.配置路由4.将主应用路由模式设置为history模式子应用中配置（子应用无需安装乾坤）1.在src目录下增加

萧紫陌·2023-06-09 21:41

微前端：qiankun项目搭建

微前端项目搭建流程本文主要记录qiankun与vue-template相结合实现微服务框架过程。

黑萝卜不黑·2023-06-09 18:31

qiankun + Vite + React + Vue + Angular 快速构建前端微服务

文章目录一、主应用vite二、微应用react三、微应用vue四、微应用angular五、项目地址一、主应用vitenpmnpmcreatevite@latestyarnyarncreatevite选择是否继续Needtoinstallthefollowingpackages:[email protected]?(y)y项目名称Projectname:»vite-projec

aibujin·2023-06-08 08:30

react碰到的问题

2、qiankun再次加载微应用白

吞风咽雪·2023-04-21 08:19

[qiankun]Uncaught Error: application ‘vue2‘ died in status LOADING_SOURCE_CODE: [qiankun] You need t

搭建微应用1vue+webpack微应用2umi3error启动主应用控制台报错UncaughtError:application‘vue2’diedinstatusLOADING_SOURCE_CODE:[qiankun

木木夕zzZ·2023-04-21 07:58

Vue3.2 + TypeScript + Pinia + Vite4 + Element-Plus + 微前端（qiankun）后台管理系统模板（已开源）

最终效果一、前言Wocwin-Admin，是基于Vue3.2、TypeScript、Vite、Pinia、Element-Plus、Qiankun(微前端)开源的一套后台管理模板；同时集成了微前端qiankun

wocwin·2023-04-20 21:33

SingleSpa及qiankun入门、源码分析及案例

文章目录SingleSpa及qiankun入门、源码分析及案例一、简介1、微服务2、什么是微前端3、微前端的优点4、微前端的缺点5、如何落地微前端6、示例7、总结二、SingleSpa1、微前端的价值2

wuyxinu·2023-04-17 17:59

从阿里QianKun看前端沙箱隔离

关于QianKun：qiankun（乾坤）是由蚂蚁金服退出的微前端解决方案，基于Single-Spa进行二次开发，用于实现Web应用由单体应用到多个前端项目聚合的应用。

一树梨花·2023-04-17 17:55

深入浅出解析阿里成熟的微前端框架 qiankun 源码

本文将针对微前端框架qiankun的源码进行深入解析，在源码讲解之前，我们先来了解一下什么是微前端。

今天太阳很好·2023-04-17 17:21

Vue + qiankun框架样式混乱问题的解决办法

前言qiankun是一个基于single-spa的微前端实现库，旨在帮助大家更简单、无痛的构建一个生产可用微前端架构系统。

Ya-tsu·2023-04-17 17:21

微前端--qiankun原理概述

demo放最后了。。。一、微前端一》微前端概述微前端概念是从微服务概念扩展而来的，摒弃大型单体方式，将前端整体分解为小而简单的块，这些块可以独立开发、测试和部署，同时仍然聚合为一个产品出现在客户面前。可以理解微前端是一种将多个可独立交付的小型前端应用聚合为一个整体的架构风格。二》微前端架构核心1、技术栈无关：主框架不限制接入应用的技术栈，微应用具备完全自主权2、独立开发、独立部署：微应用仓库独立，

吃鱼吐泡泡·2023-04-17 17:50

低代码（五）低代码平台前端技术组件选型3.0

微前端框架选型现在比较优秀的微前端框架有qiankun，MicroApp,single-spa;single-spa是通过监听urlchange事件，在路由变化时匹配到渲染的子应用并进行渲染，这个思路也是目前实现微前端的主流方式

飞天代码·2023-04-16 22:24

微前端qiankun+vue

qiankun-vue-test-demo基于qiankun+vue微前端初实践项目地址：https://github.com/zjzhangjie/qiankun-vue-test-demo.git基于

慵懒的高级动物·2023-04-16 15:48

无界(wujie)微前端实现及三种通信方式介绍

一、对比之前介绍过前段时间比较流行的微前端框架qiankun，虽然实现了微前端的理念，但是也暴露出很多缺点，比如官网上讲到的四点：基于路由匹配，无法同时激活多个子应用，也不支持子应用保活改造成本较大，从

acheding·2023-04-15 01:40

vue项目微前端试水

文章目录微前端概念主应用(安装qiankun)1.存放注册的微应用2.注册微应用3.启动微应用微应用(无需安装依赖)1.修改运行时的public-path主要解决的是微应用动态载入的脚本、样式、图片等地址不正确的问题

cyyy1223·2023-04-14 20:47

微前端项目改造

该项目为一个大型的中台系统，功能很多，业务有不同方向的拓展，且每个模块有不同的迭代周期和团队来维护，在同一个工程下难以达成目标，现将模块按照业务方向来进行划分，分为多个子应用，每个子应用可以独立开发和发布，使用qiankun

lyn911·2023-04-14 15:41

微前端框架qiankun之原理与实战 ( 转载）

原文地址：微前端框架qiankun之原理与实战_夕山雨的博客-CSDN博客_qiankun原理目录一、微前端概述1.基本原理2.微前端的主要优势3.当前微前端方案的一些缺点二、qiankun与single-spa

StrongerIrene·2023-04-11 13:46

qiankun前端微服务框架

目录一.须知二.主应用配置2.1main.js2.2app.vue三.微应用配置3.1注册3.1.1vue.config.js配置3.1.2新增文件publicPath.js3.1.3不同微应用vue版本的main.jsvue2vue33.1.4命名空间要保证唯一性四.参考文章[强烈推荐]如何创建Vue3项目一.须知本文基于同一服务器不同端口进行配置主应用:支持任意技术栈,无限制微应用:暂不支持v

情系半生e·2023-04-10 09:48

基于qiankun微前端(支持vue2,vue3)及基于monorepo工作流的lerna改造前端项目（二）

入口应用因为乾坤内部请求都是fetch来请求资源，所以子应用必须允许跨域webpackserver中请求头需跨域：‘Access-Control-Allow-Origin’:‘*’2、main.js，引入registerMicroApps,start,initGlobalState应用间通信（initGlobalState）import{registerMicroApps,start,initGl

青梅煮酒论英雄·2023-04-09 19:34

基于qiankun微前端及基于monorepo工作流的lerna改造前端项目（一）

乾坤介绍（import-html-entry）将一个大型应用拆分成若干个更小、更简单，可以独立开发、测试和部署的子应用，然后由一个基座应用根据路由进行应用切换解决两个大型项目互不干扰的情况，可以独立运行基于single-spa，在single-spa基础上增加import-html-plugin和sangdbox,解决加载应用和沙箱隔离的问题应用加载切换劫持hashchange和popState（

青梅煮酒论英雄·2023-04-09 19:34

微前端之如何拆解React巨石应用 qiankun

这里写目录标题背景解决之路为什么用微前端为什么我们选择`qiankun`重构之路两个React的坑babel配置读取不到的坑通信异步加载浏览器的fetch差异总结优化开发体验篇内存占用严重，子应用无法热更新

foreverpx·2023-04-09 18:20

微前端qiankun实践

什么是微前端微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略.微前端特点子应用开发技术栈无关,主框架不限制子应用所用的前端框架,子应用除了在主框架下运行外,本身自己可独立运行.独立开发及部署,子应用不在主框架项目体系内进行开发,子应用的项目维护也不涉及到主框架的变更.独立运行,每个子应用之间不存在互相干扰的情况.微前端不是一个新的技术名词,在2016年就有相

lean_·2023-04-08 08:39

qiankun + vue3使用踩坑记录

qiankun+vue3使用踩坑记录1、主应用vuecreateqiankun-basenpminstallvue-router@4npmiqiankun-S在main.js中引入qiankunimport

羊羊yang·2023-04-07 10:43

vue3 (三) qiankun+子应用（主应用）

今天又是抓狂的一天，被qiankun折磨疯了。结论就是基座可以vue3.0+vue3.0微应用是ok的。基座可以vue2.0+vue3.0微应用是ok的。

飞天代码·2023-04-07 10:42

乾坤qiankun框架，vue3微应用项目搭建配置流程详细注解。

__POWERED_BY_QIANKUN

罗根-前端·2023-04-07 10:39

微前端-qiankun：vue3-vite 接入 vue3、nuxt3、vue2、nuxt2等子应用

一、了解qiankun.jsqiankun-qiankun1.1、简单，任意js框架均可使用。微应用接入像使用接入一个iframe系统一样简单，但实际不是iframe。

snow@li·2023-04-07 10:39

qiankun + Vue3

qiankun+Vue3qiankun官网qiankun+Vue3demogitee仓库一、创建远程仓库在gitee创建三个仓库，仓库名依次为qiankun,qiankun-main,qiankun-admin

菜鸟啊~·2023-04-07 10:37

微前端架构-qiankun在vue3的应用

本文章介绍了qiankun在vue3的应用，其中子应用有vue2、vue3、react、angular介绍qiankun是一个基于single-spa的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统

铭码·2023-04-07 10:33

记录qiankun 结合vue3搭建项目

记录qiankun结合vue3搭建项目环境脚手架选择4.5.12cli版本过高会导致重写webpack时报错。主应用和微应用均采用的vue3+ts。

RoGer__D·2023-04-07 10:33

【前端架构】前端架构

前端安全跨站脚本攻击5.性能优化性能瓶颈浏览器请求并发数限制代码层及优化【DOM层级优化】【Link标签】【少用iframe】【CSS】【JS】资源加载优化浏览器架构与渲染原理进程和线程浏览器的多进程架构iframe|qiankun

OrangeChenZ·2023-04-05 00:25

qinkun 系列 01 - 为什么选用乾坤

项目使用qiankun改造的背景：项目A、项目B、项目C；项目A和项目B具有清晰的服务边界，从服务类型的角度能够分为两个项目。在公司项目一体化的背景下，所有的项目又应该是一个项目。

Y、seventeen·2023-04-04 01:06

vue2[webpack]中接入vue3[vite]的qiankun微前端服务

本文记录在vue2[webpack]老项目中，使用qiankun.js微前端服务，接入vue3[vite]新项目。

慢半帧·2023-04-04 01:30

前端架构升级：老项目拆解，根据服务边界拆解成3个项目，通过 qiankun 实现微前端

一体化平台的启动，给前端架构升级提供了一个契机，所谓的天时，地利，人才，现在不开始更待何时。1.为什么要进行项目拆解？原始项目ORIA的前端工程中包含了B、C项目，随着技术更迭、产品升级、新项目启动、人员流动带来的工程上的问题，例如：B项目、C项目无法实现单独部署；B、C项目同时开始需求迭代的时候，两个开发人员开始代码合并简直就是灾难，需要花费大量的时间小心谨慎才能完成进行这项工作。如果还是延续当

Y、seventeen·2023-04-04 01:53

微前端-qiankun

文章目录1、概念2、qiankun3、使用（vue）4、主应用和子应用之间通讯5、运行模式6、其他问题官网：https://qiankun.umijs.org/zh/1、概念1、微前端微前端是一种多个团队通过独立发布功能的方式来共同构建现代化

三个木马人·2023-04-04 00:05

微前端qiankun使用+踩坑

背景项目使用qiankun改造的背景：项目A、项目B、项目C；项目A和项目B具有清晰的服务边界，从服务类型的角度能够分为两个项目。在公司项目一体化的背景下，所有的项目又应该是一个项目。

Clavin.·2023-04-03 16:09

qiankun-vite作为子应用后静态资源404解决

继上一篇在利用qiankun框架搭建微前端，vite作为子应用，发现了一个新的问题，就是子应用的静态资源路径受到了基座应用的影响，今天来记录下解决方法在vite.config.js中，加入以下代码，和plugins

让代码飞1926·2023-04-03 11:12

利用qiankun框架在自己项目中集成拖拽式低代码数据可视化开发平台

目前微前端已经是很成熟的技术了，各大公司都推出了自己的微前端框架，比如蚂蚁的qiankun，京东的micro-app，如果你的子应用不使用vite构建的话，我会更加推荐后者，micro-app使用更加简单

让代码飞1926·2023-04-03 11:02

手写微前端qiankun框架,vue+react双重配置

一.基本解释什么是微前端微前端简单来说就是将不同的功能按照不同的维度拆分成多个子应用。通过主应用来加载这些子应用。为什么要使用微前端-不同团队间开发同一个应用技术栈不同怎么破？-希望每个团队都可以独立开发，独立部署怎么破？-项目中还需要老的应用代码怎么破？我们是不是可以将一个应用划分成若干个子应用，将子应用打包成一个个的lib。当路径切换时加载同的子应用。这样每个子应用都是独立的，技术栈也不用做限

进阶的巨人001·2023-04-03 10:26

vue 微前端用nginx 发布流程总结（qiankun）

vue微前端用nginx发布流程总结（qiankun）微前端发布vue微前端用nginx发布流程总结（qiankun）什么是微前端一、vue微前端主应用配置地址二、vue微前端微应用配置注意事项三、nginx

Tylerdalin·2023-04-03 09:15

Vue：关于微前端的整合

背景核心价值目前微前端的几种解决方案iframe阿里乾坤qiankun（阿里14.2k）microApp（京东4k）无界：（腾讯2k）小结microApp基础示例1.基座应用1.依赖版本2.main.js

Litt_White·2023-04-03 09:35

到底什么是微前端，框架qiankun如何使用（基于vue，附代码）

微前端什么是微前端？在讲解微前端之前先给大家看个示例(https://www.ucloud.cn/)：UCloud是一个云计算服务平台，是比较典型的中后台应用，像这种应用往往面临着当业务发展之后，由刚刚开始的单体应用进化成巨石应用的问题，比如UCloud有很多的产品，如下图如果按照我们通常的开发单页面后台应用的规则去开发的话，往往会面临几个问题：毫无相关的业务会使应用越来越大，工程越大，从而导致越

speed_zombie·2023-04-02 00:12

手把手教你写一个简易的微前端框架

最近看了几个微前端框架的源码（single-spa、qiankun、micro-app），感觉收获良多。所以打算造一个迷你版的轮子，来加深自己对所学知识的了解。

谭光志·2023-04-01 23:12

从零开始，一步步学习微前端

前言在实习的这段时间接触了很多新东西，比如微前端就是其中之一，在这里小浪就来聊聊微前端中的qiankun框架1.介绍1.1为什么需要微前端当我们开发大型的前端应用时，通常需要将应用拆分成多个子应用进行开发和维护

前端瓶子君·2023-04-01 23:37

初探 MicroApp，一个极致简洁的微前端框架

在微前端的领域里，相信大家都听说过阿里的qiankun。

写代码的海怪·2023-04-01 23:54

（五）微前端之框架

1.官方学习文档乾坤是在single-spa的基础上进行的封装上手简单官网：介绍-qiankun代码实战：快速上手-qiankun2.项目实战基座项目（主应用）：Vue微应用（子应用）：2个--Vue、

Luckyzhoufangbing·2023-04-01 23:54

qiankun 微前端应用实践与部署

代码仓库https://github.com/jwchan1996/qiankun-micro-app分别进入portal、app1、app2根目录，执行:开发模式#portalyarnyarnstart

我爱盐酥鸡·2023-04-01 21:16

rabow——umi-qiankun微服务框架企业实践(6)

企业自动化构建配置示例我们公司目前是使用gitlab+jenkins+k8s的组合来进行自动化部署。gitlab和k8s这块略过。这里只说jenkins自动化构建的命令。首先jenkins会通过gitclone的方式将代码克隆到构建环境中。从这里开始我们在jenkins配置的打包命令开始执行。npmruninstall:rabowlnpmrunrabowlreadynpmruninstall:al

Rasir·2023-04-01 18:16

qiankun微应用实现ReactV6、ReactV6.44路由配置

基于路由配置适用于route-based场景。通过将微应用关联到一些url规则的方式，实现当浏览器url发生变化时，自动加载相应的微应用的功能。1分钟手把手了解微前端路由配置开发到部署保姆式教程废话不多说先了解下在实践。1.什么是微前端web应用构建方式微前端微前端在2016年ThoughtWorksTechnologyRadar正式被提出。微服务这个被广泛应用于服务端的技术范式扩展到前端领域。现

大福ya·2023-03-30 23:14

qiankun微前端框架处理

blog.csdn.net/qq_41694291/article/details/113842872答题分为以下几点什么是微前端，为什么要用（解决什么问题）优势常见的微前端方案有哪些我们用的是哪个微前端方案qiankun

糖糖不加糖_·2023-03-30 22:38

qiankun 面试题

各生命周期钩子如何执行3、脚本隔离-一种是快照拷贝的方式，一个是基于proxy的方式深入解析微前端乾坤原理-知乎4、样式隔离-域隔离和shadowdom深入解析微前端乾坤原理-知乎5、遇到过哪些问题umijs/qiankun

木头没有瓜·2023-03-29 05:08

推荐频道

Qiankun