https://www.jianshu.com/p/ad349c0f7b06 ...
qiankun的相關學習地址: . 官方文檔地址 https: qiankun.umijs.org zh guide . GitHub地址 https: github.com umijs qiankun . 快速在qiankun基礎上搭建的使用demo,GitHub開源 https: github.com a micro front template ...
2020-11-24 17:03 0 1141 推薦指數:
https://www.jianshu.com/p/ad349c0f7b06 ...
主應用 主應用使用react搭建,主應用主要提供左側的項目導航進行切換,和微應用的容器 react子應用 react項目需要注意的是路由的需要根據是否是微應用來生成path和鏈接。 vue子應用 vue同樣也是需要注意路由path的出來,vue是通過路由守衛來處理 最后 ...
微前端項目在本地開發完成后,接下來就需要考慮如何部署上線。主應用和微應用都應該是獨立開發和部署的,屬於不同的倉庫。 一、 部署在同一服務器 如果服務器數量有限,或不能跨域等原因需要把主應用和微應用部署在一起。 通常的做法是主應用部署在一級目錄,微應用部署在二/三級目錄。 1.1 微應用改造 ...
一、概念 之前的一篇文章基於qiankun從零搭建了一套微前端項目,主應用是vue,微應用包括vue、react。內部頁面比較單一需要根據實際業務添磚加瓦,每個微應用應該是嚴格按照業務進行拆分的,但是在實際項目開發過程中,主應用、微應用之間能相互通信是基本的需求。 目前有關微前端通信的方案無非 ...
,然后由主應用將所有微應用整合在一起,實現所有頁面的展示和交互。 二、為什么用微前端 在開發toB ...
示例代碼: github.com/fengxianqi/…。 在線demo:qiankun.fengxianqi.com/ 單獨訪問在線子應用: subapp/sub-vue subapp/sub-react 為什么要用qiankun ...
什么是微前端 微前端是一種多個團隊通過獨立發布功能的方式來共同構建現代化 web 應用的技術手段及方法策略。 介紹 qiankun 是一個基於 single-spa 的微前端實現庫,旨在幫助大家能更簡單、無痛的構建一個生產可用微前端架構系統。 qiankun 孵化自螞蟻金融科技基於微前端 ...
前言 qiankun框架的編寫基於兩個十分重要框架,一個是single-spa,另外一個是import-html-entry。在學習qiankun的原理之前,需要知道single-spa的原理,了解它是如何調度子應用,可以看看我上一篇文章。https://www.cnblogs.com ...