該項(xiàng)目為一個(gè)大型的中臺(tái)系統(tǒng),功能很多戒幔,業(yè)務(wù)有不同方向的拓展,且每個(gè)模塊有不同的迭代周期和團(tuán)隊(duì)來(lái)維護(hù)土童,在同一個(gè)工程下難以達(dá)成目標(biāo)诗茎,現(xiàn)將模塊按照業(yè)務(wù)方向來(lái)進(jìn)行劃分,分為多個(gè)子應(yīng)用献汗,每個(gè)子應(yīng)用可以獨(dú)立開(kāi)發(fā)和發(fā)布敢订,使用qiankun 來(lái)實(shí)現(xiàn)栅组,方案如下:
1.主應(yīng)用申請(qǐng)一個(gè)一級(jí)域名,如:www.abc.com
2.每個(gè)子應(yīng)用申請(qǐng)獨(dú)立二級(jí)域名枢析,如:a.abc.com,和主應(yīng)用在同一個(gè)一級(jí)域名下,共享cookie的token等信息
3.主應(yīng)用安裝qiankun插件刃麸,添加配置
qiankun: {
master: {},
},
4.主應(yīng)用入口文件配置子應(yīng)用:
image.png
5.主應(yīng)用路由匹配:
image.png
6.主應(yīng)用向子應(yīng)用傳遞參數(shù):
image.png
7.子應(yīng)用安裝qiankun插件醒叁,添加配置;
qiankun: {
slave: {},
},
8.子應(yīng)用接收參數(shù)
const masterProps = useModel('@@qiankunStateFromMaster');