【技術(shù)實(shí)現(xiàn)步驟摘要】
本申請(qǐng)涉及萬維網(wǎng)，特別是涉及一種子應(yīng)用調(diào)試方法、裝置、電子設(shè)備及可讀存儲(chǔ)介質(zhì)。
技術(shù)介紹
1、微前端也即微前端服務(wù)，為一種將被廣泛應(yīng)用于服務(wù)端的微服務(wù)技術(shù)范式擴(kuò)展到前端領(lǐng)域的技術(shù)，相關(guān)技術(shù)中的微前端架構(gòu)是通過一個(gè)主站提供加載器，利用該加載器加載其他系統(tǒng)的頁面，實(shí)現(xiàn)聚合。被聚合的系統(tǒng)也可以獨(dú)立運(yùn)行。
2、但是，這種架構(gòu)方式中的子系統(tǒng)與主站的邏輯相互獨(dú)立，這就導(dǎo)致子系統(tǒng)和主站耦合度太低，不利于進(jìn)行深度整合，如讀取主站基礎(chǔ)數(shù)據(jù)，也無法實(shí)現(xiàn)對(duì)子系統(tǒng)的調(diào)試。
3、鑒于此，解決子系統(tǒng)與主站邏輯相互獨(dú)立的問題，實(shí)現(xiàn)對(duì)微前端架構(gòu)中的子應(yīng)用的調(diào)試，是所屬領(lǐng)域技術(shù)人員需要解決的技術(shù)問題。
技術(shù)實(shí)現(xiàn)思路
1、本申請(qǐng)?zhí)峁┝艘环N子應(yīng)用調(diào)試方法、裝置、電子設(shè)備及可讀存儲(chǔ)介質(zhì)，可以解決子系統(tǒng)與主站邏輯相互獨(dú)立的問題，實(shí)現(xiàn)對(duì)微前端架構(gòu)中的子應(yīng)用的調(diào)試。
2、為解決上述技術(shù)問題，本申請(qǐng)?zhí)峁┮韵录夹g(shù)方案：
3、本申請(qǐng)一方面提供了一種子應(yīng)用調(diào)試方法，包括：
4、預(yù)先在作為微前端主站的業(yè)務(wù)系統(tǒng)上部署微前端架構(gòu)，所述業(yè)務(wù)系統(tǒng)包括微前端子應(yīng)用描述文件；
5、預(yù)先將各子系統(tǒng)命名為子應(yīng)用，并將其構(gòu)建為符合預(yù)設(shè)模塊格式的調(diào)試模塊；
6、在本地啟動(dòng)網(wǎng)頁服務(wù)器，并生成所述網(wǎng)頁服務(wù)器的訪問地址，并基于所述訪問地址為各子應(yīng)用生成攜帶相應(yīng)調(diào)試模塊數(shù)據(jù)的統(tǒng)一資源定位器url；所述調(diào)試模塊數(shù)據(jù)表示子應(yīng)用的url編碼；
7、當(dāng)檢測(cè)到當(dāng)前url存在目標(biāo)調(diào)
8、基于修改后的微前端子應(yīng)用描述文件，加載所述目標(biāo)調(diào)試模塊數(shù)據(jù)對(duì)應(yīng)的目標(biāo)子應(yīng)用。
9、可選的，所述在本地啟動(dòng)網(wǎng)頁服務(wù)器，并生成所述網(wǎng)頁服務(wù)器的訪問地址，包括：
10、當(dāng)接收到服務(wù)器啟動(dòng)命令，在本地啟動(dòng)網(wǎng)頁服務(wù)器；
11、根據(jù)端口參數(shù)配置指令，生成所述網(wǎng)頁服務(wù)器的訪問地址，以使各子應(yīng)用通過所述網(wǎng)頁服務(wù)器打開瀏覽器，構(gòu)造攜帶相應(yīng)調(diào)試模塊數(shù)據(jù)的url。
12、可選的，所述檢測(cè)到當(dāng)前url存在目標(biāo)調(diào)試模塊數(shù)據(jù)，包括：
13、判斷當(dāng)前url的查詢字符串是否攜帶目標(biāo)調(diào)試模塊數(shù)據(jù)；
14、若所述當(dāng)前url的查詢字符串?dāng)y帶目標(biāo)調(diào)試模塊數(shù)據(jù)，則對(duì)所述目標(biāo)調(diào)試模塊數(shù)據(jù)的格式進(jìn)行合法性校驗(yàn)。
15、可選的，所述根據(jù)所述目標(biāo)調(diào)試模塊數(shù)據(jù)修改所述微前端子應(yīng)用描述文件，包括：
16、若當(dāng)前url以本地主機(jī)域名的形式注入，則根據(jù)所述目標(biāo)調(diào)試模塊數(shù)據(jù)修改所述微前端子應(yīng)用描述文件；
17、若當(dāng)前url不是以本地主機(jī)域名的形式注入，則生成非授權(quán)用戶調(diào)試通知信息。
18、可選的，所述調(diào)試模塊包括熱更新模塊，所述加載所述目標(biāo)調(diào)試模塊數(shù)據(jù)對(duì)應(yīng)的目標(biāo)子應(yīng)用之后，還包括：
19、當(dāng)接收到所述目標(biāo)子應(yīng)用的熱更新模塊發(fā)送的熱更新通知，對(duì)所述業(yè)務(wù)系統(tǒng)中的目標(biāo)子應(yīng)用的相應(yīng)數(shù)據(jù)進(jìn)行更新；
20、其中，所述熱更新模塊用于當(dāng)所述目標(biāo)子應(yīng)用的數(shù)據(jù)發(fā)生變更時(shí)，向所述業(yè)務(wù)系統(tǒng)發(fā)送熱更新通知。
21、可選的，所述當(dāng)檢測(cè)到當(dāng)前url存在目標(biāo)調(diào)試模塊數(shù)據(jù)之后，還包括：
22、預(yù)先在所述業(yè)務(wù)系統(tǒng)的瀏覽器頁面設(shè)置調(diào)試面板，所述調(diào)試面板包括調(diào)試參數(shù)選項(xiàng)；
23、將所述目標(biāo)調(diào)試模塊數(shù)據(jù)存儲(chǔ)至本地存儲(chǔ)器中，并設(shè)置在所述調(diào)試面板的調(diào)試參數(shù)選項(xiàng)的相應(yīng)區(qū)域中。
24、可選的，所述調(diào)試面板包括調(diào)試功能關(guān)閉選項(xiàng)，所述加載所述目標(biāo)調(diào)試模塊數(shù)據(jù)對(duì)應(yīng)的目標(biāo)子應(yīng)用之后，還包括：
25、當(dāng)接收到調(diào)試功能關(guān)閉指令，關(guān)閉所述調(diào)試面板，并刪除所述本地存儲(chǔ)中的目標(biāo)調(diào)試模塊數(shù)據(jù)，以退出調(diào)試功能。
26、本申請(qǐng)另一方面提供了一種子應(yīng)用調(diào)試裝置，包括：
27、微前端部署模塊，用于預(yù)先在作為微前端主站的業(yè)務(wù)系統(tǒng)上部署微前端架構(gòu)，所述業(yè)務(wù)系統(tǒng)包括微前端子應(yīng)用描述文件；
28、子系統(tǒng)處理模塊，用于預(yù)先將各子系統(tǒng)命名為子應(yīng)用，將其構(gòu)建為符合預(yù)設(shè)模塊格式的調(diào)試模塊；
29、url構(gòu)造模塊，用于在本地啟動(dòng)網(wǎng)頁服務(wù)器，并生成所述網(wǎng)頁服務(wù)器的訪問地址，并基于所述訪問地址為各子應(yīng)用生成攜帶相應(yīng)調(diào)試模塊數(shù)據(jù)的統(tǒng)一資源定位器url；所述調(diào)試模塊數(shù)據(jù)表示子應(yīng)用的url編碼；
30、子應(yīng)用描述文件修改模塊，用于當(dāng)檢測(cè)到當(dāng)前url存在目標(biāo)調(diào)試模塊數(shù)據(jù)，則根據(jù)所述目標(biāo)調(diào)試模塊數(shù)據(jù)修改所述微前端子應(yīng)用描述文件；
31、子應(yīng)用加載模塊，用于基于修改后的微前端子應(yīng)用描述文件，加載所述目標(biāo)調(diào)試模塊數(shù)據(jù)對(duì)應(yīng)的目標(biāo)子應(yīng)用。
32、本申請(qǐng)還提供了一種電子設(shè)備，包括處理器，所述處理器用于執(zhí)行存儲(chǔ)器中存儲(chǔ)的計(jì)算機(jī)程序時(shí)實(shí)現(xiàn)如前任一項(xiàng)所述子應(yīng)用調(diào)試方法的步驟。
33、本申請(qǐng)最后還提供了一種可讀存儲(chǔ)介質(zhì)，所述可讀存儲(chǔ)介質(zhì)上存儲(chǔ)有計(jì)算機(jī)程序，所述計(jì)算機(jī)程序被處理器執(zhí)行時(shí)實(shí)現(xiàn)如前任一項(xiàng)所述子應(yīng)用調(diào)試方法的步驟。
34、本申請(qǐng)?zhí)峁┑募夹g(shù)方案的優(yōu)點(diǎn)在于，業(yè)務(wù)系統(tǒng)部署的微前端框架采用的是完全微服務(wù)化的架構(gòu)形式，沒有主站與子系統(tǒng)的區(qū)分，所有子系統(tǒng)都命名為子應(yīng)用，都在統(tǒng)一的域名下運(yùn)行，從而解決相關(guān)技術(shù)中子系統(tǒng)與主站的邏輯相互獨(dú)立的問題；子應(yīng)用不再是一個(gè)獨(dú)立的系統(tǒng)，以模塊形式被微前端架構(gòu)調(diào)度加載運(yùn)行，通過url傳遞調(diào)試信息，實(shí)現(xiàn)微前端子應(yīng)用在線調(diào)試，子應(yīng)用的調(diào)試代碼可直接注入到真實(shí)上下文環(huán)境，無需模擬上下文，有利快速且高效地排查各種線上問題，提高開發(fā)效率，降低研發(fā)成本。
35、此外，本申請(qǐng)還針對(duì)子應(yīng)用調(diào)試方法提供了相應(yīng)的實(shí)現(xiàn)裝置、電子設(shè)備及可讀存儲(chǔ)介質(zhì)，進(jìn)一步使得所述方法更具有實(shí)用性，所述裝置、電子設(shè)備及可讀存儲(chǔ)介質(zhì)具有相應(yīng)的優(yōu)點(diǎn)。
36、應(yīng)當(dāng)理解的是，以上的一般描述和后文的細(xì)節(jié)描述僅是示例性的，并不能限制本申請(qǐng)。
本文檔來自技高網(wǎng)...【技術(shù)保護(hù)點(diǎn)】
1.一種子應(yīng)用調(diào)試方法，其特征在于，包括：
2.根據(jù)權(quán)利要求1所述的子應(yīng)用調(diào)試方法，其特征在于，所述在本地啟動(dòng)網(wǎng)頁服務(wù)器，并生成所述網(wǎng)頁服務(wù)器的訪問地址，包括：
3.根據(jù)權(quán)利要求1所述的子應(yīng)用調(diào)試方法，其特征在于，所述檢測(cè)到當(dāng)前URL存在目標(biāo)調(diào)試模塊數(shù)據(jù)，包括：
4.根據(jù)權(quán)利要求1所述的子應(yīng)用調(diào)試方法，其特征在于，所述根據(jù)所述目標(biāo)調(diào)試模塊數(shù)據(jù)修改所述微前端子應(yīng)用描述文件，包括：
5.根據(jù)權(quán)利要求1至4任意一項(xiàng)所述的子應(yīng)用調(diào)試方法，其特征在于，所述調(diào)試模塊包括熱更新模塊，所述加載所述目標(biāo)調(diào)試模塊數(shù)據(jù)對(duì)應(yīng)的目標(biāo)子應(yīng)用之后，還包括：
6.根據(jù)權(quán)利要求1至4任意一項(xiàng)所述的子應(yīng)用調(diào)試方法，其特征在于，所述當(dāng)檢測(cè)到當(dāng)前URL存在目標(biāo)調(diào)試模塊數(shù)據(jù)之后，還包括：
7.根據(jù)權(quán)利要求6所述的子應(yīng)用調(diào)試方法，其特征在于，所述調(diào)試面板包括調(diào)試功能關(guān)閉選項(xiàng)，所述加載所述目標(biāo)調(diào)試模塊數(shù)據(jù)對(duì)應(yīng)的目標(biāo)子應(yīng)用之后，還包括：
8.一種子應(yīng)用調(diào)試裝置，其特征在于，包括：
9.一種電子設(shè)備，其特征在于，包括處理器和存儲(chǔ)器，所
10.一種可讀存儲(chǔ)介質(zhì)，其特征在于，所述可讀存儲(chǔ)介質(zhì)上存儲(chǔ)有計(jì)算機(jī)程序，所述計(jì)算機(jī)程序被處理器執(zhí)行時(shí)實(shí)現(xiàn)如權(quán)利要求1至7任一項(xiàng)所述子應(yīng)用調(diào)試方法的步驟。
...【技術(shù)特征摘要】
1.一種子應(yīng)用調(diào)試方法，其特征在于，包括：
2.根據(jù)權(quán)利要求1所述的子應(yīng)用調(diào)試方法，其特征在于，所述在本地啟動(dòng)網(wǎng)頁服務(wù)器，并生成所述網(wǎng)頁服務(wù)器的訪問地址，包括：
3.根據(jù)權(quán)利要求1所述的子應(yīng)用調(diào)試方法，其特征在于，所述檢測(cè)到當(dāng)前url存在目標(biāo)調(diào)試模塊數(shù)據(jù)，包括：
4.根據(jù)權(quán)利要求1所述的子應(yīng)用調(diào)試方法，其特征在于，所述根據(jù)所述目標(biāo)調(diào)試模塊數(shù)據(jù)修改所述微前端子應(yīng)用描述文件，包括：
5.根據(jù)權(quán)利要求1至4任意一項(xiàng)所述的子應(yīng)用調(diào)試方法，其特征在于，所述調(diào)試模塊包括熱更新模塊，所述加載所述目標(biāo)調(diào)試模塊數(shù)據(jù)對(duì)應(yīng)的目標(biāo)子應(yīng)用之后，還包括：
6.根據(jù)權(quán)利要求1至4任意一項(xiàng)所述的...
【專利技術(shù)屬性】
技術(shù)研發(fā)人員：張勇，王龍，
申請(qǐng)(專利權(quán))人：上海微盟企業(yè)發(fā)展有限公司，
類型：發(fā)明
國別省市：
還沒有人留言評(píng)論。發(fā)表了對(duì)其他瀏覽者有用的留言會(huì)獲得科技券。