[發明專利]一種網頁生成方法、裝置以及存儲介質

在審

• 申請號: 202210957445.3
• 申請日: 2022-08-10
• 公開（公告）號: CN115795205A
• 公開（公告）日: 2023-03-14
• 發明（設計）人: 馮浩霖;蕭志新
• 申請（專利權）人: 超聚變數字技術有限公司
• 主分類號: G06F16/958
• 分類號: G06F16/958
• 代理公司: 北京中博世達專利商標代理有限公司 11274
• 代理人: 申健

本申請實施例提供一種網頁生成方法、裝置以及存儲介質，涉及前端開發領域，能夠提高系統的開發效率，該方法應用于微前端架構中的主應用，該微前端架構還包括至少一個子應用，該方法包括：接收訪問主網頁的請求，主網頁是上述主應用的網頁；在接收到該請求之后，獲取主網頁中的第一目標區域的引用信息；其中，該第一目標區域的引用信息用于指示第一目標區域的第一待顯示內容取自于目標子網頁中的第二目標區域；該目標子網頁為上述至少一個子應用中的目標子應用的網頁；該第一目標區域和第二目標區域的顯示內容相同；根據上述第一目標區域的引用信息，從目標子應用中，獲取第一待顯示內容；根據第一待顯示內容對第一目標區域進行渲染，得到主網頁。

技術領域

本申請實施例涉及前端開發領域，尤其涉及一種網頁生成方法、裝置以及存儲介質。

背景技術

隨著各大企業對系統的可靠性的要求，后端微服務架構的應用場景也越來越多，基于后端的微服務架構的理念，前端技術人員提出了微前端架構。

傳統的微前端架構是將系統中的網頁按照需求功能劃分為多個子應用和一個主應用，其中，各個應用中的網頁獨立開發，且該多個應用分別獨立部署為一個服務，因此，即使多個服務中一個服務發生宕機，也不會導致整個系統宕機。

然而，由于各個應用中的網頁是獨立開發的，所以系統的開發效率較低。

發明內容

本申請實施例提供一種網頁生成方法、裝置以及存儲介質，能夠提高系統的開發效率。

為達到上述目的，本申請實施例采用如下技術方案：

第一方面，本申請實施例提供一種網頁生成方法，應用于微前端架構中的主應用，微前端架構還包括至少一個子應用，該方法包括：接收訪問主網頁的請求，該主網頁是主應用的網頁；在接收到該請求之后，獲取主網頁中的第一目標區域的引用信息；其中，第一目標區域的引用信息用于指示該第一目標區域的第一待顯示內容取自于目標子網頁中的第二目標區域；目標子網頁為上述至少一個子應用中的目標子應用的網頁；該第一目標區域和第二目標區域的顯示內容相同；根據第一目標區域的引用信息，從目標子應用中，獲取上述第一待顯示內容；根據該第一待顯示內容對上述第一目標區域進行渲染，得到上述主網頁；該主網頁中的第一目標區域中顯示上述第一待顯示內容。

相較于，微前端架構的各個應用中的網頁獨立開發的方式；本申請實施例提供的網頁生成方法是，根據主網頁中的第一目標區域的引用信息，從目標子應用中的目標子網頁中的第二目標區域中獲取該第一目標區域的第一待顯示內容；即：主網頁中的第一目標區域復用子應用中的目標子網頁中的第二目標區域中的顯示內容；也就是說，主網頁中的第一目標區域在開發過程中并不需要對該第一目標區域的第一待顯示內容進行開發，只需要讓第一目標區域的引用信息指向目標子應用的目標子網頁中的第二目標區域即可；從而提高了微前端架構的系統中的代碼復用率，因此，提高了該系統的開發效率。

一種可能的實現方式中，上述在接收到主網頁的請求之后，獲取該主網頁中的第一目標區域的引用信息，包括：根據上述請求，獲取主網頁的模板信息，該主網頁的模板信息用于描述該主網頁上的頁面內容和顯示效果；主網頁的模板信息包括：上述第一目標區域的引用信息。

一種可能的實現方式中，上述主網頁的模板信息中還包括：第三目標區域的標識信息；在上述根據第一待顯示內容對第一目標區域進行渲染，得到主網頁之前，該方法還包括：從主網頁的模板信息中，獲取該第三目標區域的標識信息；根據該第三目標區域的標識信息，從上述主應用的配置文件中獲取第三目標區域的第二待顯示內容；上述根據第一待顯示內容對第一目標區域進行渲染，得到主網頁，包括：根據上述第一待顯示內容和第二待顯示內容對上述模板進行渲染，得到主網頁；主網頁的第一目標區域顯示上述第一待顯示內容，上述第三目標區域中顯示第二待顯示內容。