原文:基於qiankun微前端的通信方案

一 概念 之前的一篇文章基於qiankun從零搭建了一套微前端項目,主應用是vue,微應用包括vue react。內部頁面比較單一需要根據實際業務添磚加瓦,每個微應用應該是嚴格按照業務進行拆分的,但是在實際項目開發過程中,主應用 微應用之間能相互通信是基本的需求。 目前有關微前端通信的方案無非兩種: 使用qiankun提供的api initGlobalState進行通信 通過在主 微應用中定義狀態 ...

2021-03-05 15:17 0 2269 推薦指數:

查看詳情

基於qiankun前端的部署方案

前端項目在本地開發完成后,接下來就需要考慮如何部署上線。主應用和應用都應該是獨立開發和部署的,屬於不同的倉庫。 一、 部署在同一服務器 如果服務器數量有限,或不能跨域等原因需要把主應用和應用部署在一起。 通常的做法是主應用部署在一級目錄,應用部署在二/三級目錄。 1.1 應用改造 ...

Thu Aug 19 01:43:00 CST 2021 0 382
淺析前端方案qiankun介紹與開發實踐

一、什么是前端?   我們先來看兩個實際的場景: 1、復用別的的項目頁面   如果我們的項目需要開發某個新的功能,而這個功能另一個項目已經開發好,我們想直接復用時。注意:我們需要的只是別人項目的這個功能頁面的「內容部分」,不需要別人項目的頂部導航和菜單。   一個比較笨的辦法就是直接 ...

Mon Jun 14 06:14:00 CST 2021 0 1025
qiankun前端項目實踐方案(基礎框架篇)

一、前言 相信大家對於前端的概念和思想都有了解過,在此我不再贅述。在我們的業務項目中,由於項目比較大,在日常的開發過程中也暴露出來了問題:項目啟動慢,打包部署上線慢。這給我們開發和運維人員帶來了很大的不便,有時候有緊急任務需要上線,也得打包半個鍾才能交付到運維處。因此,我們打算使用前端方案 ...

Fri Dec 10 17:16:00 CST 2021 0 101
前端方案 qiankun(實踐及總結)--摘抄

轉發鏈接:https://juejin.im/post/5ed73b73e51d4578724e3fa4 前言 前面小編也發布過關於前端 qiankun的文章: 深入淺出解析阿里成熟的前端框架 qiankun乾坤源碼【圖文並茂】 什么是前端? 我們先來看兩個實際 ...

Wed Jun 24 05:03:00 CST 2020 0 2964
前端架構qiankun常見問題及解決方案

一、qiankun 常見報錯 1、子項目未 export 需要的生命周期函數   先檢查下子項目的入口文件有沒有 export 生命周期函數,再檢查下子項目的打包,最后看看請求到的子項目的文件對不對。 2、子項目加載時,容器未渲染好   檢查 ...

Mon Jun 14 06:46:00 CST 2021 2 23766
淺析前端方案qiankun介紹與開發實踐

一、什么是前端?   我們先來看兩個實際的場景: 1、復用別的的項目頁面   如果我們的項目需要開發某個新的功能,而這個功能另一個項目已經開發好,我們想直接復用時。注意:我們需要的只是別人項目的這個功能頁面的「內容部分」,不需要別人項目的頂部導航和菜單。   一個比較笨的辦法就是直接 ...

Sat Mar 12 01:00:00 CST 2022 0 1142
前端實踐」使用Vue+qiankun前端方案重構老項目的本地驗證

  10月份換了新的工作,參與完一個月的需求迭代后,接到了項目重構的任務。簡單來說,需要在短時間內提出方案設想,同時進行本地驗證,最終需要拿出一套技術替換方案來。於是,埋頭苦干了一個月,總算干了點成績出來,今天把當時的思考和實踐做個簡單總結,就當是個復盤吧。   一、老項目現狀 ...

Fri Feb 18 22:57:00 CST 2022 0 1481
基於qiankun前端應用實現

qiankun的相關學習地址: 1.【官方文檔地址】 https://qiankun.umijs.org/zh/guide 2.【GitHub地址】 https://github.com/umijs/qiankun 3.【快速在qiankun基礎上搭建的使用demo ...

Wed Nov 25 01:03:00 CST 2020 0 1141
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM