[發明專利]應用頁面的顯示方法、裝置、電子設備、介質及應用系統

在審

• 申請號: 202010982751.3
• 申請日: 2020-09-17
• 公開（公告）號: CN113761412A
• 公開（公告）日: 2021-12-07
• 發明（設計）人: 袁昌龍;白圣培
• 申請（專利權）人: 北京沃東天駿信息技術有限公司;北京京東世紀貿易有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957;G06F16/958
• 代理公司: 北京品源專利代理有限公司 11332
• 代理人: 孟金喆

本發明實施例公開了一種應用頁面的顯示方法、裝置、電子設備、介質及應用系統。該方法包括：當檢測到主應用頁面中的子應用組件的觸發操作時，獲取子應用組件對應的第一子應用頁面的第一訪問路徑；向服務器發送包含第一訪問路徑的訪問請求，以使服務器將第一訪問路徑與已保存的注冊路徑進行匹配，并根據匹配成功的注冊路徑獲取到包含第一子應用頁面的預渲染信息的超文本標記語言HTML字符串片段；接收服務器發送的HTML字符串片段，根據HTML字符串片段和主應用頁面對應的主應用HTML文件確定第一子應用頁面HTML文件，并基于第一子應用頁面HTML文件，渲染并顯示第一子應用頁面。本發明實施例解決了子應用不能動態插拔的問題，降低了對子應用的集成難度。

技術領域

本發明實施例涉及計算機網絡技術領域，尤其涉及一種應用頁面的顯示方法、裝置、電子設備、介質及應用系統。

背景技術

隨著業務需求的不斷增長，前端工程的代碼逐漸膨脹，使得前端應用逐漸發展為“巨石應用”，在應用維護和應用升級等方向都存在很大挑戰。微前端是一種類似于微服務的架構，將微服務的理念應用于瀏覽器端，即將web應用由單一的單體應用轉變為多個小型前端應用聚合為一的應用。各個小型前端應用可以獨立運行、獨立開發和獨立部署。

目前最常用的微前端架構是Single-SPA架構，Single-SPA架構包括主應用和子應用，能夠實現在主應用中加載多種技術框架的子應用，且無需刷新頁面。

在實現本發明的過程中，發明人發現現有技術至少存在以下技術問題：

Single-SPA架構中的主應用和子應用均集成在前端瀏覽器中，Single-SPA架構默認在主應用中硬編碼注冊所述的子應用，存在子應用不能動態插拔問題。

發明內容

本發明實施例提供了一種應用頁面的顯示方法、裝置、電子設備、介質及應用系統，以解決子應用硬編碼注冊在主應用中無法動態插拔的問題，從而降低子應用的集成難度。

第一方面，本發明實施例提供了一種應用頁面的顯示方法，該方法包括：

當檢測到主應用頁面中的子應用組件的觸發操作時，獲取所述子應用組件對應的第一子應用頁面的第一訪問路徑；

向服務器發送包含所述第一訪問路徑的訪問請求，以使服務器將所述第一訪問路徑與已保存的注冊路徑進行匹配，并根據匹配成功的注冊路徑獲取到包含所述第一子應用頁面的預渲染信息的超文本標記語言HTML字符串片段；

接收所述服務器發送的HTML字符串片段，根據所述HTML字符串片段和所述主應用頁面對應的主應用HTML文件確定第一子應用頁面HTML文件，并基于所述第一子應用頁面HTML文件，渲染并顯示所述第一子應用頁面。

第二方面，本發明實施例還提供了一種應用頁面的顯示方法，該方法包括：

接收客戶端發送的包含第一訪問路徑的訪問請求；其中，所述第一訪問路徑為所述客戶端在檢測到對主應用頁面中的子應用組件的觸發操作時獲取到的所述子應用組件對應的第一子應用頁面的第一訪問路徑；

將所述第一訪問路徑與已保存的注冊路徑進行匹配，根據匹配成功的注冊路徑獲取包含所述第一子應用頁面的預渲染信息的超文本標記語言HTML字符串片段；

將所述HTML字符串片段發送給所述客戶端，以使所述客戶端基于所述HTML字符串片段和所述主應用頁面對應的主應用HTML文件確定第一子應用頁面HTML文件，并基于所述第一子應用頁面HTML文件，渲染并顯示所述第一子應用頁面。

第三方面，本發明實施例還提供了一種應用頁面的顯示裝置，該裝置包括：

第一訪問路徑獲取模塊，用于當檢測到主應用頁面中的子應用組件的觸發操作時，獲取所述子應用組件對應的第一子應用頁面的第一訪問路徑；