[發明專利]一種低代碼頁面創建方法、裝置、設備及介質

在審

• 申請號: 202210576247.2
• 申請日: 2022-05-25
• 公開（公告）號: CN114860240A
• 公開（公告）日: 2022-08-05
• 發明（設計）人: 胡晶;程從業
• 申請（專利權）人: 杭州安恒信息技術股份有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F8/34;G06F3/0486;G06F16/957
• 代理公司: 北京集佳知識產權代理有限公司 11227
• 代理人: 呂鑫

本申請公開了一種低代碼頁面創建方法、裝置、設備及介質，涉及前端開發技術領域，包括：通過低代碼平臺中的微前端基座分別加載對頁面設計器中的組件倉庫和配置模塊進行注冊后得到的第一子應用和對頁面設計器中的渲染模塊進行注冊后得到的第二子應用；當監測到需要創建目標框架的web應用時，通過第二子應用加載與目標框架相關的前置依賴，并獲取拖拽到頁面設計器的畫布中的目標組件，并將其元信息發送至第二子應用中的渲染模塊；利用渲染模塊對元信息解析后得到的代碼下載地址和屬性JSON文件對目標組件進行渲染和屬性配置，得到web應用頁面。本申請通過微前端來渲染低代碼頁面，能夠將渲染模塊與低代碼平臺完全隔離，并實現不同技術棧的應用開發。

技術領域

本申請涉及前端開發技術領域，特別涉及一種低代碼頁面創建方法、裝置、設備及介質。

背景技術

隨著計算機技術的蓬勃發展，瀏覽器的功能越來越強大，許多常見的軟件都在逐步的遷移到瀏覽器當中，并以網站(即web應用)的形式供用戶使用，這樣以來，用戶便不用下載安裝軟件只需在瀏覽器中輸入一個地址就可以使用軟件功能了。

web應用開發的基礎是JavaScript(一種解釋型腳本語言)語言、HTML(Hyper TextMarkup Language，超文本標記語言)語言和CSS(Cascading Style Sheets，層疊樣式表)語言等語言，web應用的開發和其他軟件開發一樣都是以編碼的形式完成的，然而隨著前端開發技術的不斷發展，企業對降本增效的需求越來越迫切，目前出現了通過低代碼(LowCode)平臺完成web應用開發的方案，該方案能夠使非專業開發人員也能快速完成web應用的開發。

然而，基于前端技術開發的低代碼平臺本質上也是一個web應用，不可避免的會使用到一些前端框架或者庫，如react(用于構建用戶界面的JavaScript庫)、Vue(一套構建用戶界面的漸進式框架)、Angular(一個前端JavaScript框架)、Element-Ui(一個為Vue而生的UI庫)等，基于低代碼平臺設計開發web應用時，在編輯和預覽狀態下，因為頁面設計器中的畫布在渲染頁面時沒有與低代碼平臺隔離(主要是JavaScript代碼、CSS代碼的隔離)，從而導致web應用和低代碼平臺之間的代碼、樣式相互污染、干擾，進而出現意想不到的漏洞，使得web應用在編輯狀態和實際運行狀態表現不一致，嚴重的甚至會因為組件存在漏洞導致整個低代碼平臺出現漏洞。

目前實現低代碼平臺中的畫布和低代碼平臺隔離的主流方案是通過iframe(一種HTML標簽)，然而iframe隔離過于嚴重，通信和資源共享方面都不十分適合，如路由狀態易丟失，刷新一下iframe的URL(Uniform Resource Locator，統一資源定位符)狀態就丟失了、DOM(Document Object Model，文檔對象模型)割裂嚴重，彈窗只能在iframe內部展示，無法覆蓋全局、通信非常困難，只能通過PostMessage(Windows應用程序接口中的一個常用函數)傳遞序列化的消息、白屏時間太長，對于SPA(Single-Page Application，單頁應用)應用來說無法接受等。

因此，如何在渲染頁面時，將頁面設計器中的畫布與低代碼平臺隔離，避免web應用代碼和低代碼平臺代碼的相互污染和干擾是本行業目前迫切需要解決的問題。

發明內容

有鑒于此，本申請的目的在于提供一種低代碼頁面創建方法、裝置、設備及介質，能夠將頁面設計器中的渲染模塊與低代碼平臺完全隔離，實現不同技術棧的應用開發。其具體方案如下：

第一方面，本申請公開了一種低代碼頁面創建方法，包括：

通過低代碼平臺中的微前端基座加載第一子應用；所述微前端基座為基于所述低代碼平臺中除頁面設計器外的剩余組件構建的基座，所述第一子應用為通過所述微前端基座對所述頁面設計器中的組件倉庫和配置模塊進行注冊后得到的子應用；