微前端項目在本地開發完成后,接下來就需要考慮如何部署上線。主應用和微應用都應該是獨立開發和部署的,屬於不同的倉庫。 一、 部署在同一服務器 如果服務器數量有限,或不能跨域等原因需要把主應用和微應用部署在一起。 通常的做法是主應用部署在一級目錄,微應用部署在二/三級目錄。 1.1 微應用改造 ...
一 概念 之前的一篇文章基於qiankun從零搭建了一套微前端項目,主應用是vue,微應用包括vue react。內部頁面比較單一需要根據實際業務添磚加瓦,每個微應用應該是嚴格按照業務進行拆分的,但是在實際項目開發過程中,主應用 微應用之間能相互通信是基本的需求。 目前有關微前端通信的方案無非兩種: 使用qiankun提供的api initGlobalState進行通信 通過在主 微應用中定義狀態 ...
2021-03-05 15:17 0 2269 推薦指數:
微前端項目在本地開發完成后,接下來就需要考慮如何部署上線。主應用和微應用都應該是獨立開發和部署的,屬於不同的倉庫。 一、 部署在同一服務器 如果服務器數量有限,或不能跨域等原因需要把主應用和微應用部署在一起。 通常的做法是主應用部署在一級目錄,微應用部署在二/三級目錄。 1.1 微應用改造 ...
一、什么是微前端? 我們先來看兩個實際的場景: 1、復用別的的項目頁面 如果我們的項目需要開發某個新的功能,而這個功能另一個項目已經開發好,我們想直接復用時。注意:我們需要的只是別人項目的這個功能頁面的「內容部分」,不需要別人項目的頂部導航和菜單。 一個比較笨的辦法就是直接 ...
一、前言 相信大家對於微前端的概念和思想都有了解過,在此我不再贅述。在我們的業務項目中,由於項目比較大,在日常的開發過程中也暴露出來了問題:項目啟動慢,打包部署上線慢。這給我們開發和運維人員帶來了很大的不便,有時候有緊急任務需要上線,也得打包半個鍾才能交付到運維處。因此,我們打算使用微前端的方案 ...
轉發鏈接:https://juejin.im/post/5ed73b73e51d4578724e3fa4 前言 前面小編也發布過關於微前端 qiankun的文章: 深入淺出解析阿里成熟的微前端框架 qiankun乾坤源碼【圖文並茂】 什么是微前端? 我們先來看兩個實際 ...
一、qiankun 常見報錯 1、子項目未 export 需要的生命周期函數 先檢查下子項目的入口文件有沒有 export 生命周期函數,再檢查下子項目的打包,最后看看請求到的子項目的文件對不對。 2、子項目加載時,容器未渲染好 檢查 ...
一、什么是微前端? 我們先來看兩個實際的場景: 1、復用別的的項目頁面 如果我們的項目需要開發某個新的功能,而這個功能另一個項目已經開發好,我們想直接復用時。注意:我們需要的只是別人項目的這個功能頁面的「內容部分」,不需要別人項目的頂部導航和菜單。 一個比較笨的辦法就是直接 ...
10月份換了新的工作,參與完一個月的需求迭代后,接到了項目重構的任務。簡單來說,需要在短時間內提出方案設想,同時進行本地驗證,最終需要拿出一套技術替換方案來。於是,埋頭苦干了一個月,總算干了點成績出來,今天把當時的思考和實踐做個簡單總結,就當是個復盤吧。 一、老項目現狀 ...
qiankun的相關學習地址: 1.【官方文檔地址】 https://qiankun.umijs.org/zh/guide 2.【GitHub地址】 https://github.com/umijs/qiankun 3.【快速在qiankun基礎上搭建的使用demo ...