淺析微前端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文件下新建 ...