下圖阿里內(nèi)部的某低代碼平臺，阿里對外的低代碼產(chǎn)品有宜搭。他們都是通過可視化，即拖拽、配置，再加上很少的代碼來設(shè)計出頁面。

我們可以看到它的源碼是一份 json 文件，這份 json 文件相當(dāng)于是一份新的語言，瀏覽器是沒有辦法進(jìn)行識別的，所以我們需要低代碼渲染引擎將 json 渲染到瀏覽器中。

開源地址：

https://github.com/alibaba/lowcode-engine

市面上常見的低代碼產(chǎn)品

好吧我看了一下，大概有幾百個

低代碼引擎介紹

低代碼引擎是一款為低代碼平臺開發(fā)者提供的，具備強(qiáng)大定制擴(kuò)展能力的低代碼設(shè)計器研發(fā)框架。

下面簡單描述定義中的子部分：

低代碼設(shè)計器 現(xiàn)如今低代碼平臺越來越多，而每一個低代碼平臺中都會有的一個能力就是搭建和配置頁面、模塊的頁面，這個頁面我們稱為設(shè)計器。例如，下圖是中后臺低代碼平臺的設(shè)計器。

設(shè)計器承載著低代碼平臺的核心功能，包括入料、編排、組件配置、畫布渲染等等。由于其功能多，打磨精細(xì)難，也是低代碼平臺建設(shè)最耗時的地方。

定制擴(kuò)展能力

什么是擴(kuò)展能力呢，一方面我們可以快速擁有一份標(biāo)準(zhǔn)的低代碼設(shè)計器，另外一方面如果有業(yè)務(wù)獨特的功能需要，我們可以不用看它的源碼、不用關(guān)心其實現(xiàn)，可以使用 API、插件等方式快速完成能力的開發(fā)。而低代碼引擎對于設(shè)計器的擴(kuò)展能力支持基本上覆蓋了低代碼設(shè)計器的所有功能點。下圖是針對標(biāo)準(zhǔn)的設(shè)計器提供了擴(kuò)展功能的區(qū)域。

低代碼設(shè)計器研發(fā)框架

低代碼引擎的核心是設(shè)計器，通過擴(kuò)展、周邊生態(tài)等可以產(chǎn)出各式各樣的設(shè)計器。它不是一套可以適合所有人的低代碼平臺，而是幫助低代碼平臺的開發(fā)者，快速生產(chǎn)低代碼平臺的工具。

它主要包含這些功能點：

demo地址：

https://github.com/alibaba/lowcode-demo

場景介紹

低代碼的生產(chǎn)和消費流程總覽

經(jīng)過“接入編輯器” - “接入運行時”這兩節(jié)的介紹，我們已經(jīng)可以了解到低代碼所構(gòu)建的生產(chǎn)和消費流程了，梳理如下圖：

如上述流程所示，您一般需要一個后端項目來保存頁面數(shù)據(jù)信息，如果資產(chǎn)包信息是動態(tài)的，也需要保存資產(chǎn)包信息。

分層架構(gòu)描述

我們設(shè)計了這樣一套分層架構(gòu)，自下而上分別是協(xié)議 - 引擎 - 生態(tài) - 平臺。

• 底層協(xié)議棧定義的是標(biāo)準(zhǔn)，標(biāo)準(zhǔn)的統(tǒng)一讓上層產(chǎn)物的互通成為可能。

• 引擎是對協(xié)議的實現(xiàn)，同時通過能力的輸出，向上支撐生態(tài)開放體系，提供各種生態(tài)擴(kuò)展能力。

• 生態(tài)就好理解了，是基于引擎核心能力上擴(kuò)展出來的，比如物料、設(shè)置器、插件等，還有工具鏈支撐開發(fā)體系。

• 最后，各個平臺基于引擎內(nèi)核以及生態(tài)中的產(chǎn)品組合、銜接形成滿足其需求的低代碼平臺。

每一層都明確自身的定位，各司其職，協(xié)議不會去思考引擎如何實現(xiàn)，引擎也不會實現(xiàn)具體上層平臺功能，上層平臺的定制化均通過插件來實現(xiàn)，這些理念將會貫穿我們體系設(shè)計、實現(xiàn)的過程。

引擎內(nèi)核簡述

引擎生態(tài)簡述

低代碼如何渲染?

正如烹飪一樣，為了做成功一份美食，我們需要菜譜和食材，然后通過不同的處理方式，比如煎、炒、炸等烹飪方式做出來一道菜。

低代碼渲染也是有類似的公式：

協(xié)議有兩份：

• 《低代碼引擎搭建協(xié)議規(guī)范》

• 《低代碼引擎資產(chǎn)包協(xié)議規(guī)范》
  

協(xié)議原文：https://lowcode-engine.cn/lowcode

在阿里內(nèi)部的低代碼產(chǎn)品中的某低代碼平臺里面，有一個依賴管理頁面，在這里我們可以新增組件，在新增組件之后進(jìn)行打包構(gòu)建。

渲染能力概覽

渲染能力就是我們根據(jù)協(xié)議的內(nèi)容，在運行時渲染引擎上支持的能力。

處理節(jié)點更新機(jī)制

當(dāng)數(shù)據(jù)源變化的時候，我們需要對頁面進(jìn)行更新，主要有兩種更新方式，全量更新和增量更新。