qiankun

qiankun微服务子系统对接文档

Vue子系统main.js入口文件修改letinstance=null​functionrender(props={}){const{container}=propsinstance=newVue({//el:'#app',router,store,render:h=>h(App)}).$mount(container?container.querySelector('#app'):'#app')
我是无敌的无敌的小可爱·2023-11-25 04:48

vue中qiankun架子，基站与微服务之间的通讯方式

vue中使用qiankun，基站与微服务之间的通讯方式1、第一种根据官方体统的action方式基站传：actions.setGlobalState收：actions.onGlobalStateChangeimport
袁公子123·2023-11-25 04:18

qiankun微前端主子应用通信方案

一、概念目前有关微前端通信的方案无非两种：使用qiankun提供的api-initGlobalState进行通信；通过在主、微应用中定义状态管理类的方式进行通信；下面我们就第一种方案进行详细讲解，毕竟官方提供了实现方案
山东彭于晏丶·2023-11-25 04:48

Vue + qiankun 快速实现前端微服务

一、前言什么是微前端Techniques,strategiesandrecipesforbuildingamodernwebappwithmultipleteamsthatcanshipfeaturesindependently.–MicroFrontends微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略。更多关于微前端的相关介绍，推荐大家可以去看这几篇文
何欢小星星·2023-11-25 04:47

【微前端】qiankun

专栏：【微前端】什么是微前端【微前端】qiankun【微前端】qiankun+vite+vue3一、qiankun是什么qiankun是一种前端微服务架构，旨在解决大型复杂应用的拆分和管理问题。
逛街的猫啊·2023-11-25 04:47

【qiankun+vue】微前端子应用之间的通信方式总结

一、qiankun官方提供的通信方式-Actions通信。适用场景：适合业务划分清晰，比较简单的微前端应用，一般来说使用第一种方案就可以满足大部分的应用场景需求。
code_源源·2023-11-25 04:17

vue-cli项目整合qiankun实现微服务架构

1.创建主应用和微应用vuecreatepotal//创建基座项目vuecreatevue-app-one//创建微应用1vuecreatevue-app-two//创建微应用21.1通用的qiankun
ilovethesunshine·2023-11-25 04:46

基于qiankun的微服务落地实践

前言近些年,前端发展火热,百家争鸣,各种技术层出不穷,如今的前端已经不再像以前一样就是简单的写页面、调样式、处理DOM等，现在的前端工作内容越来越复杂，技术点也越来越丰富。当前，基于Vue、React、Angular的单页应用开发模式已经成为业界主流,基本上成为近几年前端项目必备技术,其前端生态也逐渐完善,我们可以利用这些技术与生态快速构建一个新的应用,这也大大缩短了项目的研发周期.但是随着公司业
高灯GFE·2023-11-25 04:16

微服务qiankun通信方式

qiankun：是一种类似于微服务的架构，是将一个大型应用拆分成若干个更小、更简单，可以独立开发、测试和部署的子应用，然后由一个基座应用根据路由进行应用切换，主要是为了解决大型工程在变更、维护、扩展等方面的困难而提出的
虎仔_·2023-11-25 04:15

07. vue3+vite+qiankun搭建微应用前端框架，并接入vue3微应用

目录前言主应用微应用部署前言因为业务系统接入的需要，决定将一个vue3+vite+ts的主应用系统，改造成基于qiankun的微应用架构。此文记录了改造的过程及vue3微应用接入的种种问题。
哟哟-·2023-11-23 11:43

【gitbub遇到的问题】新建工程后，本地无法push代码？提示鉴权失败

提示鉴权失败✘xxxxxx@macdeMacBook-Pro-3/Volumes/mac/repeater_console_qiankunmaingitpush-uoriginmainUsernamefor'https
sky_geek2008·2023-11-22 20:43

微前端qiankun一步步教你做个超级无敌简单吊炸天的小栗子，不会你来打我

qiankun方案怎么实现微前端？前两个答案网上一大堆，可以自己去捞，捞不到大鱼的来找我，伸手党我来喂你。qiankun方案怎么实现微前端才是本文重点，细细来探讨。
背太阳的牧羊人·2023-11-20 14:58

vue3项目安装eslint和prettier

【几乎最全/全网最长的2万字】前端工程化完整流程：从头搭到尾（vue3+vite+qiankun+docker+tailwindcss+iview......）
深一海·2023-11-20 02:59

qiankun的微实践--初步挂载demo1.0

自己近期仿照qiankun官方demo做了个小型的微前端demo尝鲜，主应用用的vue3.0框架，分别创建了react17版本，react16版本、vue2.0版本等子应用。
等不到戈多了·2023-11-19 10:47

探讨基于@umijs/plugin-qiankun搭建的微应用的父子应用通讯方式

承接上篇文章（如何使用@umijs/plugin-qiankun搭建微前端项目）后续，下面我们探讨一下父子应用通讯的几种实现方式。
GEAs·2023-11-19 05:26

vue 使用 qiankun 微应用 两个或多个 子应用

乾坤文档链接：https://qiankun.umijs.org/zh/guide安装乾坤：yarnaddqiankun#或者npmiqiankun--save在'@/qiankun/config.js
小菜又鸟·2023-11-19 04:11

微前端-qiankun-落地指北

微前端框架-乾坤的实际落地使用方式微前端是什么？一个针对前端大型，超大型项目遇到项目运维，开发瓶颈的解决方案微前端针对谁？大型或者超大型前端项目怎么理解微前端？与你当前技术无关，比如:vue,react,angular,jquery等等，混着用都行，都没关系将一个大型项目，以模块化思维进行拆分，独立开发，独立部署，独立运行，最终由主框架同步更新增量升级，对于大型项目，快速迭代，项目体积臃肿，无论是
南麟剑首·2023-11-16 13:45

微前端应用及基于qiankun的微前端实践

示例代码仓库：yl-qiankun-base:https://gitee.com/dongche/yl-qiankun-base.gityl-qiankun-child-vue:https://gitee.com
东扯葫芦西扯瓜·2023-11-16 13:45

微前端乾坤

1.乾坤简介qiankun是一个基于single-spa的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统官网：https://qiankun.umijs.org/zh/guide2
alisaGreen·2023-11-16 13:40

前端微服务qiankun基础使用

什么是微前端Techniques,strategiesandrecipesforbuildingamodernwebappwithmultipleteamsthatcanshipfeaturesindependently.--MicroFrontends微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略。微前端架构具备以下几个核心价值：技术栈无关主框架不限制接
duansamve·2023-11-16 11:19

基于 qiankun 的微前端应用实践

业务背景云音乐广告Dsp（需求方平台）平台分为合约平台（Vue框架）和竞价平台（React框架），因历史原因框架选型未能统一，最近来了新需求，需要同时在两个平台增加一样的模块，因为都是Dsp平台，后期这样的需求可能会很多，所以考虑到组件复用以及降低维护成本，在想怎么统一技术栈，把React系统塞到Vue项目中进行呈现。系统是传统的左右布局，左侧侧边栏展示菜单栏，头部导航展示基础信息，应用内容全部填
hellozhxy·2023-11-15 13:49

微前端qiankun vue react项目demo 以及vue项目和react项目之间的参数传递和实现微前端项目之间token免登

umi+umi内置qiankun插件，基座和子应用的路由跳转和路由配置以及动态路由配置在react项目还有vue项目中，我们被一种思想所固化，我相信现在还有很多人觉得路由就是左边菜单栏显示的菜单。
故梦梦·2023-11-15 09:51

【微前端】qiankun + vite + vue3

专栏：【微前端】什么是微前端【微前端】qiankun【微前端】qiankun+vite+vue3一、整体结构在qiankun体系下，一个微前端工程包含一个主应用和多个子应用。
逛街的猫啊·2023-11-11 22:48

微前端qiankun (vue3+vite+ts+history)

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

vue+qiankun微前端实践

qiankun（https://qiankun.umijs.org/zh/guide/getting-started）基座也可以用多种脚手架搭建（此处以vue2.x为例）：vue-cli搭建vue2.x
单眼皮的小熊·2023-11-11 00:58

乾坤微前端部署vue和react子应用

一、安装乾坤父应用1.以umi创建一个react工程，开启乾坤插件mkdirmyapp&&cdmyappyarnadd@umijs/plugin-qiankun-D2.父工程添加qiankun插件yarnadd
is微凉·2023-11-11 00:27

vue3+阿里乾坤实现主应用和微应用

.什么是微前端特性3.开发前的准备工作4.构建主项目第一步、创建vue3的项目与正常创建项目无异，在这里不做过多描述第二部、将创建好的vue3项目作为主应用，在根目录先安装qiankung在主应用安装qiankun
西门吹雪~·2023-11-11 00:57

vue3.0 创建 乾坤qiankun 微前端

1.前期准备工作1.1创建主应用1)vue新建主应用vuecreateqiankun-main2)创建src/components/father.vue恭喜你，看到我了，我是father页面exportdefault{name:'AFather'}3)src/router/index.js中添加路由信息import{createRouter,createWebHistory}from'vue-ro
红豆黄豆小甜豆·2023-11-11 00:57

微前端-乾坤qiankun

2019-2020年前端最火的技术之一：微前端微前端究竟是什么？微前端是近三年前端社区比较火的技术方案，试图把拆分大型后端系统的一些益处引入前端。微前端就是将不同的功能按照不同的维度拆分成多个子应用。通过主应用来加载这些子应用。微前端的核心在于拆,拆完后再合!微前端，即前端微服务。是将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的小块，而在用户看来仍然是内聚的单个产品。微前端主要解决的
u010707194·2023-11-11 00:55

vue快速搭建qiankun微前端框架完整步骤

qiankun是什么：基于single-spa进行二次开发，是一种类似于微服务的架构，是将一个大型应用拆分成若干个更小、更简单，可以独立开发、测试和部署的子应用，然后由一个基座应用根据路由进行应用切换，
专心致志的程序员！·2023-11-11 00:25

微前端——乾坤qiankun Demo

微前端——qiankun（乾坤）实例一、什么是微前端微前端就是将不同的功能按照不同的维度拆分成多个子应用。通过主应用来加载这些子应用。微前端的核心在于拆，拆完后在合！
欠踹的背影007·2023-11-11 00:25

乾坤qiankun-微前端-简单搭建demo

只是后端的微服务架构是SpringBoot,而前端我们可以使用qiankun实现前端的微服务架构。轻松现实大型项目的迭代重构升级以及拓展，不受牵一发而动全身的限制。下面介绍简单搭建微前端框架。
大小小丹·2023-11-11 00:22

vue乾坤微前端项目

1、主应用安装乾坤npmiqiankun-S注册微应用并启动：import{registerMicroApps,start}from'qiankun';//设置两个微应用registerMicroApps
岳哥i·2023-11-11 00:50

10道高频React面试题快问快答

10道高频Qiankun微前端面试题快问快答10道高频webpack面试题快问快答20道高频CSS面试题快问快答20道高频JavaScript面试题快问快答30道高频Vue面试题快问快答面试中的快问快答快问快答的情景在面试中非常常见
前端扎啤·2023-11-10 19:15

微前端qiankun嵌入vue项目后iconfont显示方块

个人项目地址：SubTopH前端开发个人站（自己开发的前端功能和UI组件，一些有趣的小功能，感兴趣的伙伴可以访问，欢迎提出更好的想法，私信沟通，网站属于静态页面）SubTopH前端开发个人站https://subtop.gitee.io/subtoph.github.io/#/home以上是个人前端项目，欢迎提出您的建议以下是正文内容...............解决方法：修改iconfont.c
次顶级·2023-11-10 14:54

10道高频Qiankun微前端面试题快问快答

10道高频Qiankun微前端面试题快问快答10道高频webpack面试题快问快答20道高频CSS面试题快问快答20道高频JavaScript面试题快问快答30道高频Vue面试题快问快答面试中的快问快答快问快答的情景在面试中非常常见
前端扎啤·2023-11-09 19:10

20道高频CSS面试题快问快答

10道高频Qiankun微前端面试题快问快答10道高频webpack面试题快问快答20道高频CSS面试题快问快答20道高频JavaScript面试题快问快答30道高频Vue面试题快问快答面试中的快问快答快问快答的情景在面试中非常常见
前端扎啤·2023-11-09 19:40

10道高频webpack面试题快问快答

10道高频Qiankun微前端面试题快问快答10道高频webpack面试题快问快答20道高频CSS面试题快问快答20道高频JavaScript面试题快问快答30道高频Vue面试题快问快答面试中的快问快答快问快答的情景在面试中非常常见
前端扎啤·2023-11-09 19:40

20道高频JavaScript面试题快问快答

10道高频Qiankun微前端面试题快问快答10道高频webpack面试题快问快答20道高频CSS面试题快问快答20道高频JavaScript面试题快问快答30道高频Vue面试题快问快答面试中的快问快答快问快答的情景在面试中非常常见
前端扎啤·2023-11-09 19:39

10道高频Vuex面试题快问快答

10道高频Qiankun微前端面试题快问快答10道高频webpack面试题快问快答20道高频CSS面试题快问快答20道高频JavaScript面试题快问快答30道高频Vue面试题快问快答面试中的快问快答快问快答的情景在面试中非常常见
前端扎啤·2023-11-09 19:07

深入浅出微前端（qiankun）

微前端的理解微前端的核心理念是将前端应用程序看作是一个整体，由多个独立的部分组成。每个部分被视为一个微前端应用，它们可以具有自己的技术栈、开发流程和团队组织。这种方式使得团队可以独立开发和部署各个子应用，减少了协调和合并的复杂性。为什么Iframe无法胜任微前端的工作？IFrame在传统的前端开发中是一种常见的技术，用于在页面中嵌入其他网页或应用程序。然而，在微前端架构中，IFrame并不是一个理
程序员辰风·2023-11-08 06:45

umi3配置qiankun文档

1、添加依赖yarnadd@umijs/plugin-qiankun-D||npmi-D@umijs/plugin-qiankun2、修改父应相关文件（config）2.1、父应用的配置exportdefault
前端架构师_555·2023-11-07 11:01

微前端三：qiankun 协作开发和上线部署

我们先看qiankun怎么上线部署：我这边用的是yaml文件在rancher上部署的：base是基座，这里每个应用都是一个服务，这个还是跟之前一样并没有区别，那如何在一个域名上挂载多个服务呢？
天外天-亮·2023-11-02 12:18

关于css中设置变量用于全局Css或者Js中使用

配置变量css文件src/styles/variables.scss//设置色值变量//1、继承body中设置的样式内嵌style="--baseColor:#0075FF;"//一般常用于Saas系统，如qiankun
浪里小韭菜·2023-10-27 18:27

微前端qiankun接入Vue和React项目

主应用：Vue3+Webpack1、创建主应用：npxvuecreatemain-vue3-app2、安装qiankunnpxyarnaddqiankun3、项目中使用的vue、vue-router、qiankun
UzumakiHan·2023-10-27 06:08

qiankun：微前端-乾坤（vue2为例）

qiankun官方文档地址：https://qiankun.umijs.org/zh一、主应用1、安装qiankunyarnaddqiankun#yarn安装npmiqiankun-S#npm安装2、注册
koiy.cc·2023-10-27 06:08

qiankun项目搭建手册

:main-service（main-service为主项目名称）子项目：sub1-service、sub2-service、…2.项目搭建及插件安装2.1项目搭建项目要求：vue3+vite+ts+qiankun
King_960725·2023-10-24 06:36

Vue3 开发语法使用总结（超详细、超基础）

前言最近开源了一套后台管理模板Wocwin-Admin，是基于Vue3.2、TypeScript、Vite4、Pinia、Element-Plus、Qiankun(微前端)技术栈，借此归纳一下Vue3.2
wocwin·2023-10-23 03:28

乾坤qiankun（微前端）样式隔离解决方案--使用插件替换前缀

一、前言qiankun作为微前端的一种融合方式，目前也比较成熟，但是由于各类开发技术选型非常繁多，导致了在项目中配置不同，解决别人的问题，不一定能解决自己的问题。
赢乐·2023-10-19 18:09

微前端四：qiankun在开发中遇到的问题

在qiankun开发中会遇到很多问题，上一篇微前端三：qiankun协作开发和上线部署其实也是在解决一些经常遇到的问题，下面的两点也算是比较经典的了1、子应用图片路径问题2、基座是Vue2.0+elementui
天外天-亮·2023-10-19 16:48
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他