[發明專利]管理分發方法和裝置

有效

• 申請號: 202011644251.5
• 申請日: 2020-12-31
• 公開（公告）號: CN112788134B
• 公開（公告）日: 2022-05-10
• 發明（設計）人: 劉振
• 申請（專利權）人: 思必馳科技股份有限公司
• 主分類號: H04L67/06
• 分類號: H04L67/06;H04L67/30;H04L67/60;G06F16/958
• 代理公司: 北京商專永信知識產權代理事務所(普通合伙) 11400
• 代理人: 黃謙;鄧婷婷

本發明公開管理分發方法和裝置，其中，一種管理分發方法方法，用于微前端基座，其中，云服務器包括微前端基座，所述云服務器的所有子服務的入口均轉發至所述微前端基座，所述方法包括：響應于接收到瀏覽器的第一請求，向所述瀏覽器返回所述微前端基座的第一資源文件，其中，所述第一資源文件包括與所述微前端基座相關的html和js文件，所述瀏覽器能夠對所述預設資源文件的解析獲取到真實子服務器地址；響應于所述瀏覽器對所述真實子服務器發送第二請求，向所述瀏覽器返回第二資源文件，其中，所述第二資源文件包括css文件和js文件。

技術領域

本發明屬于基座技術領域，尤其涉及管理分發方法和裝置。

背景技術

相關技術中，目前市面上微前端架構方案，都有腳本，層疊樣式表沙箱環境；服務自治；運行時動態解析依賴；服務間通信。

市面上的微前端架構，大多通過iframe嵌套應用或nginx分發應用，達到腳本，層疊樣式表的沙箱隔離和服務自治。Single-spa這類技術，以js entry為入口，動態加載bundle。

iframe使用postmessage，single-spa采取webpack target library在運行時注入子服務，實現對象控制通信。

目前絕大多數微前端架構主要分為：

(1)路由分發式

路由分發式，是常見的一種微前端架構解決方案，通過Nginx分發請求至不同的子服務上，看起來像是一個整體。當切換時菜單時，實際上是在本頁面打開新的網站，頁面每次都會重新加載。當公共依賴更新時，對于子服務而言，不管是構建時還是運行時，都需要提測更新每個子服務，開發和運維效率變得低下。

多個子服務，存在相同的運行時數據，不能夠共享。

(2)Iframe

通過主容器，內嵌iframe加載不同的子服務，實現服務聚合，以及腳本，層疊樣式表的作用域隔離。但是這樣的方案，跨服務通信變得麻煩，服務耦合性侵入式高。不利于網站SEO，同時切換子服務時，每次都需重新刷新加載。

(3)Web components

Web components允許自定義元素，是一種面向未來的架構。目前瀏覽器還存在許多兼容問題，不適合實際使用。

(4)Single-spa

使用js entry為入口文件，動態解析Bundle。但子服務版本更新時，對應的依賴版本都需要更新，這讓開發和運維效率變得低下。通常構建出的bundle.js比較大，拖慢頁面打開速度。

發明內容

本發明實施例提供一種管理分發方法和裝置，用于至少解決上述技術問題之一。

第一方面，本發明實施例提供一種管理分發方法，用于微前端基座，其中，云服務器包括微前端基座，所述云服務器的所有子服務的入口均轉發至所述微前端基座，所述方法包括：響應于接收到瀏覽器的第一請求，向所述瀏覽器返回所述微前端基座的第一資源文件，其中，所述第一資源文件包括與所述微前端基座相關的html和js文件，所述瀏覽器能夠對所述預設資源文件的解析獲取到真實子服務器地址；以及響應于所述瀏覽器對所述真實子服務器發送第二請求，向所述瀏覽器返回第二資源文件，其中，所述第二資源文件包括css文件和js文件。