本文閱讀對(duì)象：對(duì)低代碼系統(tǒng)感興趣的朋友。

文章末尾可以找到Demo源碼地址。

阿里剛開(kāi)源了一個(gè)低代碼引擎：Low-Code Engine。

Low-Code Engine

Low-Code Engine 官網(wǎng)

文章第一張圖片為低代碼引擎的編輯器截圖，顏值還不錯(cuò)。

項(xiàng)目代碼托管在Github上，同時(shí)也有Demo項(xiàng)目。

感興趣的朋友可以運(yùn)行一下Demo，體驗(yàn)一下。

第一個(gè)坑

Demo可以正常運(yùn)行，

但是Demo主頁(yè)就是這個(gè)編輯器啊，

在實(shí)際的產(chǎn)品中，

我們最起碼要介入路由和權(quán)限控制吧。

如果想將這個(gè)低代碼引擎整合到自己的項(xiàng)目中，

那要該怎么做呢？

看文檔？

官方的文檔寫(xiě)得……

阿里開(kāi)源項(xiàng)目對(duì)新手不友好的名聲在業(yè)界也是響當(dāng)當(dāng)?shù)摹?/p>

（請(qǐng)?jiān)试S我爆粗 TMD！）

文檔無(wú)法指導(dǎo)你順利地進(jìn)行項(xiàng)目整合，這是第一個(gè)坑。

踩坑整合

閱讀過(guò)我之前的文章的朋友，

應(yīng)該知道本人也開(kāi)發(fā)了一套低代碼系統(tǒng)。

為了滿足自己的好奇心以及節(jié)省對(duì)這個(gè)低代碼引擎感興趣的朋友的時(shí)間，

那就先踩一遍坑吧，（TMD，坑太多了）

對(duì)于需要在自己項(xiàng)目中引入這個(gè)引擎的朋友，請(qǐng)慎重。

畢竟才剛開(kāi)源，文檔比較簡(jiǎn)約，坑多，隱形成本不低。

整合對(duì)象也為阿里的開(kāi)源項(xiàng)目Ant Design Pro v5。

Ant Design Pro v5

Low-Code Engine 和 Ant Design Pro v5 都是基于React的項(xiàng)目，

前者在構(gòu)建方面使用的build-script庫(kù)，

后者使用的是UmiJS。

build-script應(yīng)該是Low-Code Engine團(tuán)隊(duì)自己封裝的一個(gè)庫(kù)，

這個(gè)庫(kù)沒(méi)有文檔，別找了，沒(méi)有文檔。

在嘗試過(guò)多種整合途徑之后，

最后確定的整合思路為：

參考Low-Code Engine Demo，分包引入整合。

歷盡艱辛，耗費(fèi)大量時(shí)間精力，終于整合成功。

本地Ant Design Pro

整合好的編輯器

關(guān)于阿里開(kāi)源項(xiàng)目的猜想

阿里開(kāi)源了很多優(yōu)質(zhì)的項(xiàng)目，

這一點(diǎn)是值得肯定的。

阿里在國(guó)內(nèi)也是第一梯隊(duì)的互聯(lián)網(wǎng)公司，

他們不缺錢(qián)。

那么一個(gè)意思的問(wèn)題就出現(xiàn)了：

阿里為什么要開(kāi)源這些項(xiàng)目呢？

是為了幫助其他企業(yè)提升技術(shù)實(shí)力嗎？

如果答案是“是”，

那么文檔詳盡程度和使用者的反饋應(yīng)該被納入KPI考核吧，

但是他們貌似并不是很關(guān)心這些。

是為了賺錢(qián)嗎？

貌似他們從開(kāi)源項(xiàng)目上賺不到什么錢(qián)，

還不如賣(mài)流量和收租來(lái)得舒服。

那到底是為什么呢？

Demo源碼庫(kù)地址：

GitHub – hsg4ok/LowcodeEngine-AntDesignPro: 阿里巴巴開(kāi)源的低代碼引擎(Lowcode-Engine)與Ant Design Pro整合Demo

https://github.com/hsg4ok/LowcodeEngine-AntDesignPro

如果您覺(jué)得本文對(duì)您有用，建議收藏；

如果您覺(jué)得對(duì)您的朋友有幫助，請(qǐng)分享給他們；

如果您能點(diǎn)個(gè)贊，那就是對(duì)作者最大的支持。

更多精彩內(nèi)容發(fā)布于公眾號(hào)：代碼乾坤 （CoderLand）