react 微前端實踐

2021-10-20 21:43:19 字數 496 閱讀 1257

最近花時間實踐了一下阿里 qiankun 微前端框架 ,主應用和子應用都使用react 實現,

主應用伺服器使用golang語言+go-chi框架實現,

子應用實現簡單的對接, 主應用配置好路由就可以訪問

專案還在持續完善中, 專案實現目標:

主應用只負責選單, 使用者, 路由,許可權管理等 

子應用各司其責,熱插拔, 高度解耦,這樣專案更新, 合併**時不易出錯, 專案組成員可以每人負責乙個子應用, 相對而言比較簡單

子應用需要檢測使用者是否登入, 使用jwt技術實現鑑權, 主應用和自應用 發起http請求時攜帶token 資訊

成果如下:

其中工作流選單下的頁面由子應用提供

微前端架構實踐(二)

安裝 qiankun yarn add qiankun 或者 npm i qiankun s 在主應用中註冊微應用 container yourcontainer2 activerule youractiverule2 start 當微應用資訊註冊完之後,一旦瀏覽器的 url 發生變化,便會自動觸發...

React實踐筆記 Quick Start

基本的react的頁面形式如下所示 src build react.js script src build jsxtransformer.js script head id example div type text jsx our code goes here script body html r...

React 實踐專案 (四)

react在github上已經有接近70000的 star 數了,是目前最熱門的前端框架。而我學習react也有一段時間了,現在就開始用 react redux 進行實戰!上回說到使用redux saga 管理 redux 應用非同步操作,應用還是只有乙個首頁.現在開始構建乙個新的投稿頁面並使用 r...