[發明專利]基于微前端的頁面調試方法及裝置、存儲介質、電子設備

在審

• 申請號: 202210363280.7
• 申請日: 2022-04-07
• 公開（公告）號: CN114676063A
• 公開（公告）日: 2022-06-28
• 發明（設計）人: 林光輝
• 申請（專利權）人: 京東科技控股股份有限公司
• 主分類號: G06F11/36
• 分類號: G06F11/36
• 代理公司: 北京律智知識產權代理有限公司 11438
• 代理人: 王輝

本公開涉及互聯網技術領域，提供了一種基于微前端的頁面調試方法、基于微前端的頁面調試裝置、計算機存儲介質、電子設備，其中，基于微前端的頁面調試方法包括：響應于針對子應用程序的頁面調試請求，從子應用程序端獲取子應用程序對應的待調試頁面腳本；確定子應用程序所屬的母應用程序，并從母應用程序端獲取母應用程序的頁面描述文件；根據待調試頁面腳本和頁面描述文件，生成待調試頁面描述文件；將待調試頁面描述文件返回至客戶端，以使客戶端加載與待調試頁面描述文件對應的頁面，并根據頁面確定子應用程序的頁面調試結果。本公開能夠簡化子應用程序的頁面調試步驟，提升子應用程序的頁面調試效率。

技術領域

本公開涉及互聯網技術領域，特別涉及一種基于微前端的頁面調試方法、基于微前端的頁面調試裝置、計算機存儲介質及電子設備。

背景技術

微前端是一種類似于微服務的架構，它將微服務的理念應用于瀏覽器端，即將Web應用程序由單一的應用程序轉變為多個小型前端應用，各個小型前端應用還可以獨立運行、獨立開發、獨立部署，或聚合為一個母應用。

目前在需要對子應用程序的頁面進行調試時，一般是通過子應用程序的研發人員手動修改host配置，以將域名解析指向本地開發環境中的待調試頁面。然而，調試過程通常會面臨需要同時訪問多種環境的情況，因而，該方式需要研發人員來回切換host配置，操作繁瑣復雜。

鑒于此，本領域亟需開發一種新的基于微前端的頁面調試方法及裝置。

需要說明的是，上述背景技術部分公開的信息僅用于加強對本公開的背景的理解。

發明內容

本公開的目的在于提供一種基于微前端的頁面調試方法、基于微前端的頁面調試裝置、計算機存儲介質及電子設備，進而至少在一定程度上避免了相關技術中子應用的頁面調試過程繁瑣復雜的問題。

本公開的其他特性和優點將通過下面的詳細描述變得顯然，或部分地通過本公開的實踐而習得。

根據本公開的第一方面，提供一種基于微前端的頁面調試方法，應用于代理服務器，所述代理服務器用于在子應用程序端、客戶端和母應用程序端之間轉發數據，所述子應用程序端為安裝子應用程序的終端，所述母應用程序端為安裝母應用程序的終端，所述子應用程序運行于所述母應用程序提供的環境中，所述方法包括：響應于針對所述子應用程序的頁面調試請求，從所述子應用程序端獲取所述子應用程序對應的待調試頁面腳本；確定所述子應用程序所屬的母應用程序，并從所述母應用程序端獲取所述母應用程序的頁面描述文件；根據所述待調試頁面腳本和所述頁面描述文件，生成待調試頁面描述文件；將所述待調試頁面描述文件返回至所述客戶端，以使所述客戶端加載與所述待調試頁面描述文件對應的頁面，并根據所述頁面確定所述子應用程序的頁面調試結果。

在本公開的示例性實施例中，所述從所述子應用程序端獲取所述子應用程序對應的待調試頁面腳本，包括：根據預先配置的每個子應用程序與其待調試頁面腳本的存儲地址之間的對應關系，確定所述子應用程序對應的待調試頁面腳本的目標存儲地址；所述目標存儲地址位于所述子應用程序端中；從所述目標存儲地址中獲取到所述待調試頁面腳本。

在本公開的示例性實施例中，所述確定所述子應用程序所屬的母應用程序，包括：根據預先配置的子應用程序與母應用程序之間的對應關系，確定所述子應用程序所屬的母應用程序。

在本公開的示例性實施例中，所述從所述母應用程序端獲取所述母應用程序的頁面描述文件，包括：與所述母應用程序端建立通信連接；在建立所述通信連接之后，從所述母應用程序端中獲取到所述頁面描述文件。

在本公開的示例性實施例中，所述與所述母應用程序端建立通信連接，包括：獲取所述母應用程序端的網絡地址；根據所述網絡地址，與所述母應用程序端建立通信連接。