如何將Low-Code Engine整合到Ant Design Pro v5中去呢?(ant design upload)
本文閱讀對象:對低代碼系統(tǒng)感興趣的朋友。
文章末尾可以找到Demo源碼地址。
阿里剛開源了一個低代碼引擎:Low-Code Engine。
Low-Code Engine
Low-Code Engine 官網
文章第一張圖片為低代碼引擎的編輯器截圖,顏值還不錯。
項目代碼托管在Github上,同時也有Demo項目。
感興趣的朋友可以運行一下Demo,體驗一下。
第一個坑
Demo可以正常運行,
但是Demo主頁就是這個編輯器啊,
在實際的產品中,
我們最起碼要介入路由和權限控制吧。
如果想將這個低代碼引擎整合到自己的項目中,
那要該怎么做呢?
看文檔?
官方的文檔寫得……
阿里開源項目對新手不友好的名聲在業(yè)界也是響當當的。
(請允許我爆粗 TMD?。?/p>
文檔無法指導你順利地進行項目整合,這是第一個坑。
踩坑整合
閱讀過我之前的文章的朋友,
應該知道本人也開發(fā)了一套低代碼系統(tǒng)。
為了滿足自己的好奇心以及節(jié)省對這個低代碼引擎感興趣的朋友的時間,
那就先踩一遍坑吧,(TMD,坑太多了)
對于需要在自己項目中引入這個引擎的朋友,請慎重。
畢竟才剛開源,文檔比較簡約,坑多,隱形成本不低。
整合對象也為阿里的開源項目Ant Design Pro v5。
Ant Design Pro v5
Low-Code Engine 和 Ant Design Pro v5 都是基于React的項目,
前者在構建方面使用的build-script庫,
后者使用的是UmiJS。
build-script應該是Low-Code Engine團隊自己封裝的一個庫,
這個庫沒有文檔,別找了,沒有文檔。
在嘗試過多種整合途徑之后,
最后確定的整合思路為:
參考Low-Code Engine Demo,分包引入整合。
歷盡艱辛,耗費大量時間精力,終于整合成功。
本地Ant Design Pro
整合好的編輯器
關于阿里開源項目的猜想
阿里開源了很多優(yōu)質的項目,
這一點是值得肯定的。
阿里在國內也是第一梯隊的互聯網公司,
他們不缺錢。
那么一個意思的問題就出現了:
阿里為什么要開源這些項目呢?
是為了幫助其他企業(yè)提升技術實力嗎?
如果答案是“是”,
那么文檔詳盡程度和使用者的反饋應該被納入KPI考核吧,
但是他們貌似并不是很關心這些。
是為了賺錢嗎?
貌似他們從開源項目上賺不到什么錢,
還不如賣流量和收租來得舒服。
那到底是為什么呢?
Demo源碼庫地址:
GitHub – hsg4ok/LowcodeEngine-AntDesignPro: 阿里巴巴開源的低代碼引擎(Lowcode-Engine)與Ant Design Pro整合Demo
https://github.com/hsg4ok/LowcodeEngine-AntDesignPro
如果您覺得本文對您有用,建議收藏;
如果您覺得對您的朋友有幫助,請分享給他們;
如果您能點個贊,那就是對作者最大的支持。
更多精彩內容發(fā)布于公眾號:代碼乾坤 (CoderLand)