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

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

阿里剛開源了一個低代碼引擎：Low-Code Engine。

Low-Code Engine

Low-Code Engine 官網(wǎng)

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

項目代碼托管在Github上，同時也有Demo項目。

感興趣的朋友可以運行一下Demo，體驗一下。

第一個坑

Demo可以正常運行，

但是Demo主頁就是這個編輯器啊，

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

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

如果想將這個低代碼引擎整合到自己的項目中，

那要該怎么做呢？

看文檔？

官方的文檔寫得……

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

（請允許我爆粗 TMD?。?/p>

文檔無法指導(dǎo)你順利地進行項目整合，這是第一個坑。

踩坑整合

閱讀過我之前的文章的朋友，

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

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

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

對于需要在自己項目中引入這個引擎的朋友，請慎重。

畢竟才剛開源，文檔比較簡約，坑多，隱形成本不低。

整合對象也為阿里的開源項目Ant Design Pro v5。

Ant Design Pro v5

Low-Code Engine 和 Ant Design Pro v5 都是基于React的項目，

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

后者使用的是UmiJS。

build-script應(yīng)該是Low-Code Engine團隊自己封裝的一個庫，

這個庫沒有文檔，別找了，沒有文檔。

在嘗試過多種整合途徑之后，

最后確定的整合思路為：

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

歷盡艱辛，耗費大量時間精力，終于整合成功。

本地Ant Design Pro

整合好的編輯器

關(guān)于阿里開源項目的猜想

阿里開源了很多優(yōu)質(zhì)的項目，

這一點是值得肯定的。

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

他們不缺錢。

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

阿里為什么要開源這些項目呢？

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

如果答案是“是”，

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

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

是為了賺錢嗎？

貌似他們從開源項目上賺不到什么錢，

還不如賣流量和收租來得舒服。

那到底是為什么呢？

Demo源碼庫地址：

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

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

如果您覺得本文對您有用，建議收藏；

如果您覺得對您的朋友有幫助，請分享給他們；

如果您能點個贊，那就是對作者最大的支持。

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