浅析微前端qiankun的2种应用间通信方式（actions通信及shared通信、各自通信原理及实例代码）
一、应该如何划分子应用 在开始介绍 qiankun 的应用通信之前，我们需要先了解微前端架构如何划分子应用。在微前端架构中，我们应该按业务划分出对应的子应用，而不是通过功能模块划分子应用。这么做的原因有两个： 在微前端架构中，子应用并不是一个模块，而是一个独立 ...
原文：浅析qiankun主应用与微应用间如何通信解决微应用需要重复登录的问题
一 问题背景 当主应用登录后，再进去微应用发现还需要登录，相当于登录状态没有同步。 二 解决方案 主应用与微应用通信 qiankun微前端应用间的通信，我们要利用qiankun框架的initGlobalState和MicroAppStateActionsapi，相关的api介绍如下： setGlobalState：设置globalState 设置新的值时，内部将执行浅检查，如果检查到globalS ...
2021-07-10 22:19 0 895 推荐指数：
相关推荐
浅析Vue项目如何基于Vuex进行qiankun微前端应用间通信方案实践：子应用无vuex共用主应用store的方案（子应用里如何保证主应用store在子应用的响应式）、子应用有独立store与主应用store分离共存的方案
主要探究下主应用和多个微应用之间如何使用Vuex来进行状态管理，这其实是对上一篇文章中通信方式第二种方式的补充，因为 vue 主要还是使用 vuex 作为状态管理。 一、场景选择 1、项目现状： 主应用是Vue技术栈，使用Vuex进行状态管理 多个微 ...
qiankun 微应用demo
主应用 主应用使用react搭建，主应用主要提供左侧的项目导航进行切换，和微应用的容器 react子应用 react项目需要注意的是路由的需要根据是否是微应用来生成path和链接。 vue子应用 vue同样也是需要注意路由path的出来，vue是通过路由守卫来处理 最后 ...
qiankun在主应用的某个路由页面加载微应用
其余基础配置：https://www.cnblogs.com/fengsaoke/p/14628997.html qiankun在主应用的页面中加载微应用配置 ...
基于qiankun的前端微应用实现
qiankun的相关学习地址： 1.【官方文档地址】 https://qiankun.umijs.org/zh/guide 2.【GitHub地址】 https://github.com/umijs/qiankun 3.【快速在qiankun基础上搭建的使用demo ...
qiankun常见问题集合：主子应用间路由跳转、微应用如何设置跨域访问、各生命周期钩子如何执行、应用内路由跳转报错：Failed to execute 'replace' on 'Location'
一、qiankun框架中微应用之间如何跳转 qiankun框架提供两种跳转方式： 1、通过history.pushState()方式进行跳转 2、将主应用的路由实例传递给子应用，子应用使用主应用实例进行跳转。 二、微应用需要支持跨域访问 遇到这样报错：Access ...
微信网站应用登录
一、准备工作 1.认证的微信开发者账号一只 2.审核通过的网站应用一个 3.授权域名可用 二、微信登录流程 网站应用微信登录是基于OAuth2.0协议标准构建的微信OAuth2.0授权登录系统。授权流程如下： 1.第三方发起微信授权登录请求，微信用户允许授权第三方应用后，微信 ...
qiankun 主应用注册、启动子应用的代码实现
原视频地址：https://www.bilibili.com/video/BV1H34y117fe/ 我也是看视频学的，在这分享一下源码，qiankun 配置我就不写了，之前分享有dome，下面直接上代码 在主应用src下新建 micro-fe文件 micro-fe文件下新建 ...