Qiankun

微前端框架 Qiankun 如何集成 Snowpack 打包的微应用

最近在微前端框架Qiankun中加载一个使用了Snowpack工具来打包项目时无法正常使用。
_delong·2023-10-17 14:58

浅析微前端框架 single-spa

二、基于single-spa二次开发的微前端解决方案（蚂蚁金服的qiankun）(qinkun文档地址)：https://qiankun.umijs.org/zh/
杨阳洋·2023-10-16 15:24

微前端（single-spa和qiankun）

一、概念性东西：2018年single-spa诞生了，single-spa是一个用于前端微服务化的js前端解决方案（本身没有处理样式隔离，js执行隔离），实现了路由劫持和应用加载2019年qiankun
麦子的小库存·2023-10-16 15:23

微前端学习分享1 通过single-spa 实现vue 微服务

getting-started-overviewsingle-spa实现技术特点1.项目独立部署2.兼容技术栈不同多语言vuereact3.新旧代码版本并行single-SPA实现原理：路有劫持和应用加载没有处理css样式和js会导致样式重叠和脏数据下一期会出qiankun
做一条有新鲜度的咸鱼·2023-10-16 15:22

如何在qiankun框架中父子传值

组件传值初入微前端—qiankun学习这一篇就够了无论是vue还是react中我们传值都是在父组件中调用子模块中传递一个props给子组件，子组件创建时就可以拿到这个值去渲染或者怎么这样，而子组件如何传递值给父组件呢
陈Joys·2023-10-15 07:19

[qiankun] Failed to fetch has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header

enviroment微前端框架qiankunerror控制台报错single-spa.min.js?25a2:2UncaughtTypeError:application‘vue2’diedinstatusLOADING_SOURCE_CODE:FailedtofetchhasbeenblockedbyCORSpolicy:No‘Access-Control-Allow-Origin’header
snowDreamzzz·2023-10-15 07:23

微前端接入Sentry的不完美但已尽力的实践总结

前言这是一篇由浅入深地讲述如何对用qiankun实现的微前端项目接入Sentry的文章。在这篇文章中，我会列举描述两个接入方案，然后再细致地分析方案中涉及到的原理。
徐小夕@趣谈前端·2023-10-12 09:15

前端项目继承，在A项目中继承base项目，使用vue2

1、市面上现存的管理方式对于公共项目的管理，目前市面上有模块联邦、npm包、monorepo、qiankun、sub
krifyFan·2023-10-11 14:02

vue3+vite+monorepo+qiankun+pnpm框架

vue3+vite+monorepo+qiankun+pnpm框架项目地址：https://download.csdn.net/download/qq_38862234/86293271升级版：增加eslint
很简单的人·2023-10-09 22:29

qiankun父子组件传参，及main.js中使用vuex的mutation

父应用import{initGlobalState}from'qiankun';//初始化参数state，state一定要起名初始化，这里我监听的是closeTabconstactions=initGlobalState
Hi_Abu·2023-10-09 05:21

微前端之single-spa

今天先讲解一下single-spa，后面在讲解qiankun。插曲：今天本来跟着别人一起敲代码，但是发现使用vue-cl
只管去努力·2023-10-08 19:00

qiankun vue3.0 保持组件状态 keep-alive 的使用

手动控制子应用加载qiankun默认提供可配置的引用加载方式,registerMicroApps。
copyLeft·2023-10-04 15:38

微前端选择qiankun还是iframe？

技术选型技术选型大概有2种，一种是使用框架，比如qiankun、无界等，一种是使用iframe引入子项目。那如何选择适合自己项目的方案呢？这2种我都用过，使
·2023-09-27 15:19

qiankun--微前端可用小demo（主应用vue+子应用vue+子应用react）

qiankun–微前端可用小demo（主应用vue+子应用vue+子应用react）说明：在主应用的about页面加载子应用成果：加载子应用1，点击第一个按钮子应用2，点击第二个按钮注意：如果已经渲染一个子应用
Keme菜鸟·2023-09-27 08:46

微前端qiankun从搭建到部署的实践总结

点击上方程序员成长指北，关注公众号回复1，加入高级Node交流群最近负责的新项目用到了qiankun，写篇文章分享下实战中遇到的一些问题和思考。
傲娇的koala·2023-09-26 23:20

[微前端实战]---01导学

.与架构老师学习三.课程目标四课程设计五技术点目录讲解一.课程目标高质量:代码对标一线互联网大厂从0开始开发自己的微前端框架全流程:子应用->主应用->服务端->发布平台源码解析:剖析现有微前端框架–qiankun
小李科技·2023-09-26 23:19

qiankun 传统项目配置_记一次 微前端 qiankun 项目 实践 !!! 防踩坑指南

导语最近在做微前端的项目,过程中真是踩了不少坑,在有限的资料中不断试错,默默无语两行泪哈哈.在此次将采坑部分都记录下来,让更多的人少走点弯路,此项目使用蚂蚁金服qiankun为基础作为开发.话不多说开讲
weixin_39600823·2023-09-26 23:19

基于 qiankun 的微前端最佳实践

引言大家好~本文是基于qiankun的微前端最佳实践系列文章之从0到1篇，本文将分享如何使用qiankun如何搭建主应用基座，然后接入不同技术栈的微应用，完成微前端架构的从0到1。
奇舞周刊·2023-09-26 23:18

vue微前端qiankun框架学习到项目实战

微前端架构一、什么是微前端架构微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略。微前端借鉴了微服务的架构理念，将一个庞大的前端应用才分为多个独立灵活的小型应用，每个应用都可以独立开发，独立运行，独立部署，再将这些小型应用联合为一个完整的应用。微前端既可以将多个项目融合为一，又可以减少项目之间的耦合，提升项目扩展性，相比一整块的前端仓库，微前端架构下的前端仓库
吴用_前端开发·2023-09-26 23:48

聊聊 QianKun JS 沙箱的那些事

我们是袋鼠云数栈UED团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。本文作者：空山什么是沙箱沙箱即SandBox，它是一种安全机制，用于严格控制访问资源。通过在程序中创建一个独立的运行环境，把一些来源不可信、具有破坏力或者又是无法判定的恶意程序使其在该环境下运行，隔离了对外部程序的影响，这样即使发生了错误或者安全问题都不会影响到外面。我们根
·2023-09-26 11:41

vite构建如何兼容低版本浏览器

安装@vitejs/plugin-legacy2.配置vite.config.ts三、注意点一、问题最近在用Vite4+Typescript+Vue3.2+SSR+React17+Angular14+qiankun
富朝阳·2023-09-25 05:22

Vue中使用__webpack_public_path__动态设置publicPath

场景在使用qiankun做微前端开发，子应用需要满足独立部署，又要能作为子应用被qiankun动态加载。
果酱风·2023-09-25 00:37

初探微前端

微前端一、微前端的背景和概述1.1概念1.2特点1.3背景二、微前端的实现方式2.1服务端集成2.2运行时集成三、现有的解决方案3.1single-spa3.2qiankun3.3micro-app四、
JAVA开发区·2023-09-23 20:37

vue.config.js 实用配置（生成zip文件，生产环境删除console.log，gzp配置，qiankun微前端配置等

使用vue-cli开发项目，免不了需要做些配置。特别是项目比较复杂时。这里列出一些有用的配置。当然，每个项目需求不同，或许对你来说，这并不实用。这里所用的都是基于vue-cli3的配置哦。vue是2.x的。还在用vue-cli2的童鞋，该换新了，比较vue3都出来了，当然了，老项目可能没办法（我说的是没办法去升级成vue-cli3，可能因为时间成本,想要这些配置，也是可以的，只是写法和这里有区别罢
东扯葫芦西扯瓜·2023-09-23 19:54

vue 项目作为子应用 接入 qiankun 框架 改造笔记

qiankun官网:https://qiankun.umijs.org/zh/vue微应用官方文档:https://qiankun.umijs.org/zh/guide/tutorial#vue-%E5%
·2023-09-22 15:46

微前端(qiankun)接入项目、主应用与子应用之间通信

前言随着公司项目建设，各系统出现了用户、角色、组织、权限等系统基础功能重复开发的问题，为了不重复开发、减少成本，也为了整合项目，提升用户体验，也为了之前单独开发的系统能够统一访问。所以我们使用“微前端”。什么是微前端？微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略。微前端借鉴了微服务的架构理念，将一个庞大的前端应用拆分为多个独立灵活的小应用，每个应用都可以
面向百度丶CV开发·2023-09-20 07:39

微前端框架qiankun学习 —— 搭建框架

什么是微前端？微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略。微前端架构具备以下几个核心价值：技术栈无关主框架不限制接入应用的技术栈，微应用具备完全自主权独立开发、独立部署微应用仓库独立，前后端可独立开发，部署完成后主框架自动完成同步更新增量升级在面对各种复杂场景时，我们通常很难对一个已经存在的系统做全量的技术栈升级或重构，而微前端是一种非常好的实施渐进式
不懂爬虫的java不是好前端·2023-09-20 07:39

微前端qiankun应用间的通信

通信原理：qiankun框架提供了一个全局对象initGlobalState，可以用来存储全局共享的数据。
不羁的程序员~·2023-09-20 07:08

微前端qiankun框架子应用主和应用之间通信方法

子应用主应用间如何通信qiankun官方提供了actions通信，qiankun内部使用initGlobalState(state)定义全局状态，该方法执行后返回一个MicroAppStateActions
veggie_a_h·2023-09-20 07:08

vue3+vite+qiankun搭建微应用前端框架

Qiankun官网目前还不支持vue3使用例子，官方API方法行不通。
微笑么么哒·2023-09-20 07:38

微前端 - qiankun 应用间通信

前言上篇主要记录了如果使用qiankun，本文记录下qiankun应用间如何通信。一、如何划分子应用在微前端架构中，我们应该按业务划分出对应的子应用，而不是通过功能模块划分子应用。
倔强的小绵羊·2023-09-20 07:07

qiankun微前端应用间通信实现

转自基于qiankun的微前端最佳实践（图文并茂）-应用间通信篇-掘金本系列其他文章计划一到两个月内完成，点个关注不迷路。
麦兜_冰夕·2023-09-20 07:07

前端微应用qiankun框架集成参考

接触qiankun框架也有一段时间了，一直没什么产出，这篇文章来源于组内同学的分享ppt，对于新人来说可能觉得没头没尾，希望大家见谅。
祖传做年糕·2023-09-20 07:07

【前端打怪升级日志之微前端框架篇】微前端qiankun框架子应用间跳转方法

参考链接qiankun官网：微应用之间如何跳转？
一只小傲娇·2023-09-20 07:36

qiankun 乾坤主应用访问微应用css静态图片资源报404

发现static前没有加我指定的前缀只有加了后才会出来解决方案:env定义前缀.env.development文件中#static前缀VUE_APP_PUBLIC_PREFIX="".env.production文件中#static前缀VUE_APP_PUBLIC_PREFIX="/szgl"settings文件是封了一下src\settings.jsmodule.exports={/***pub
周家大小姐.·2023-09-18 23:40

qiankun搭建

create-react-appqiankun-basecreate-react-appqiankun-micro-app1create-react-appqiankun-micro-app12.安装qiankun
山竹回家了·2023-09-18 10:30

qiankun+vue 适配vue-pdf踩坑

vue项目线上预览pdf可用vue-pdf完美解决，可是加上qiankun微前端后就变成巨坑了。
H_shaohui·2023-09-17 23:11

[qiankun]跨域

[qiankun]跨域问题线上跨域问题静态资源问题微服务的跨域问题本地跨域localhost主服务加载localhost微服务localhost主服务加载https微服务问题1问题2分析解决方案微服务中交互的跨域问题接口调用微服务复用问题场景描述分析微前端的开发过程中一定会遇到跨域问题因为主服务是一个域名
三知之灵·2023-09-17 16:56

[qiankun]-多页签缓存

[qiankun]-多页签缓存环境功能需求多页签缓存方案方案1.主服务进行html替换方案2.微服务vnode替换方案3.每个微服务都不卸载微服务加载方式的选择微服务的路由路径选择微服务的缓存工具微服务的容器使用
三知之灵·2023-09-17 16:56

qiankun 子应用 ant-design-vue快速填坑指南

qiankun子应用使用ant-design-vuev3问题Cascader无法显示下拉Formlabel显示混乱Message提示报错等各种样式不兼容问题…解决办法子应用ant-design-vuev3
唐月123456·2023-09-14 14:57

微前端架构

文章目录微前端架构一.什么是微前端二.微前端的优势三.微前端的多种实现3.1iframe3.2服务端模板组合3.3微前端框架single-spa3.4微前端框架qiankun微前端架构后端有微服务框架，
fmk1023·2023-09-14 10:03

【架构】微前端

文章目录概述优劣优点缺点微前端的整体架构微前端部署平台微前端运行时基于SPA的微前端架构应用生命周期方案qiankun主应用qiankun微应用Vue2微应用来源概述微前端不是单纯的前端框架或者工具，而是一套架构体系
软泡芙·2023-09-14 10:01

微前端学习（上）

一、课程目标微前端概念；现有方案利弊；Single-spa实现原理；掌握使用qiankun搭建微应用；二、课程大纲微前端背景现在web应用面临的问题微前端的价值微前端应用具备哪些能力微前端解决方案有哪些基于
DiuWang·2023-09-14 05:34

微前端学习（下）

一、课程目标qiankun整体运行流程微前端实现方案二、课程大纲qiankun整体流程微前端方案实现DIY微前端核心能力1、微前端方案实现基于iframe完全隔离的方案、使用纯的WebComponents
DiuWang·2023-09-14 05:32

iframe下的qiankun微前端，通过window.top.postMessage无法通信问题

背景如题：iframe下的qiankun微前端，通过window.top.postMessage无法通信问题因为一些必要原因需要通信，比如解决跨域window.open解决办法微前端内部通过window
Jiangxin829·2023-09-14 01:09

微前端选择qiankun还是iframe？

技术选型技术选型大概有2种，一种是使用框架，比如qiankun、无界等，一种是使用iframe引入子项目。那如何选择适合自己项目的方案呢？这2种我都用过，使
·2023-09-11 16:45

中后台业务Playwright iframe 获取不到

目前很多后台管理系统，实际是菜单+嵌入一个iframe实现的(特别是跨架构、跨系统的，也有用qiankun、wujie等微前端框架嵌入的)我们通过page.main_frame.child_frames
奋斗的烧饵块·2023-09-11 15:11

web前端相关官网大全【持续更新中. . .】

qiankun｜微服务架构Electrom桌面端官网Svelte中文文档|Svelte中文网微信开放文档React官方RuoYi若依官方网站Vue官网VueUse中文文档VueRouter介绍VuePress
AFeiNice·2023-09-11 08:36

微前端（Micro-Frontends）qiankun框架原理与实现（vue-react）

微前端（Micro-Frontends）qiankun框架原理与实现文章目录微前端（Micro-Frontends）qiankun框架原理与实现1.qiankun简介2.qiankun核心设计理念3.为什么不用
Keme菜鸟·2023-09-10 09:45

single-spa微前端项目落地

目前主流的微前端方式，主要有iframe，single-spa，qiankun，micro-app以及webpack5的moduleferderation等。鉴于我
halapro_liu·2023-09-08 20:16
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他