近幾年越來(lái)越多的企業(yè)開(kāi)始嘗試低代碼，希望可以讓非專業(yè)的用戶不寫代碼或少量代碼的情況下，也能構(gòu)建自己的應(yīng)用。

今天我們來(lái)推薦一個(gè)開(kāi)源低代碼平臺(tái)，幫助工程師節(jié)省上百小時(shí)的時(shí)間去構(gòu)建工作流類的應(yīng)用， 目前在GitHub已超過(guò)20K Star，他就是：budibase 。

budibase 是什么?

Budibase 是一個(gè)一體化的低代碼平臺(tái)，用于構(gòu)建、設(shè)計(jì)和自動(dòng)化業(yè)務(wù)應(yīng)用程序，例如；管理面板、表單、內(nèi)部工具、客戶門戶等。在 Budibase 出現(xiàn)之前，開(kāi)發(fā)人員可能需要數(shù)周時(shí)間才能構(gòu)建簡(jiǎn)單的 CRUD 應(yīng)用程序；借助 Budibase，構(gòu)建 CRUD 應(yīng)用程序只需幾分鐘。

Budibase簡(jiǎn)化整個(gè)實(shí)現(xiàn)的流程，你不需要有必要的編程技巧，但它也提供了一些靈活性，讓你在一定程度上定制應(yīng)用。

它支持一系列的數(shù)據(jù)源：MySQL、Rest API、OracleDB、MongoDB、Google 表格等。

還可以選擇自托管并在你的服務(wù)器上部署應(yīng)用，或者利用 Budibase 的云托管服務(wù)。

部署 budibase

可以選使用Docker自己部署或者使用budibase cloud的SAAS服務(wù)。

Docker部署

嘗試 Budibase 映像的最簡(jiǎn)單方法是使用 docker run 命令，最基本的版本是：

docker run -d -t --name=budibase -p 10000:80 -v /local/path/data:/data --restart unless-stopped budibase/budibase:latest

此命令將在您的系統(tǒng)上啟動(dòng)一個(gè) Budibase 容器，然后您可以在 http://localhost:10000 上連接到該容器。這里需要注意一點(diǎn)，就是命令里包含了一個(gè)外掛存儲(chǔ)，需要提前準(zhǔn)備好。就是把 /local/path/data 換成你自己的存儲(chǔ)位置。

budibase cloud

另外如果省事的話，就直接注冊(cè)budibase cloud，使用SAAS服務(wù)。

使用 budibase

接下來(lái)我們快速體驗(yàn)一下budibase的使用過(guò)程。這里我選擇budibase cloud，因?yàn)橛忻赓M(fèi)套餐可用。

初始化工作空間

注冊(cè)的時(shí)候會(huì)有一些問(wèn)題，來(lái)讓我們選擇初始的模板。

隨便選擇一個(gè)之后，還會(huì)給用戶自動(dòng)分配一個(gè)二級(jí)域名，確認(rèn)完畢后就可以開(kāi)始創(chuàng)建第一個(gè)應(yīng)用了。

數(shù)據(jù)

首先需要鏈接到一個(gè)數(shù)據(jù)源，這里budibase支持很多種數(shù)據(jù)源類型。

因?yàn)槲沂呛?jiǎn)單的體驗(yàn)，所以我選擇了官方提供的Sample data。里面提供一些示例的數(shù)據(jù)可以讓我們直接使用。

設(shè)計(jì)

下一步是進(jìn)入設(shè)計(jì)階段，也就是構(gòu)建我們低代碼應(yīng)用的頁(yè)面。點(diǎn)擊頂部的design進(jìn)入。

設(shè)計(jì)頁(yè)面中構(gòu)建應(yīng)用程序的四個(gè)核心元素是：頁(yè)面、組件、主題和導(dǎo)航。

可以快速添加多個(gè)頁(yè)面

添加了屏幕后，可以在當(dāng)前的頁(yè)面中添加更多的組件。將想要添加的組件直接拖到頁(yè)面中即可。

配置導(dǎo)航

當(dāng)我們添加了頁(yè)面后，可以設(shè)置導(dǎo)航。比如導(dǎo)航的位置可以放在左邊或者上邊，還可以給各個(gè)頁(yè)面配置鏈接。

預(yù)覽發(fā)布

在開(kāi)發(fā)過(guò)程中，您可能希望到目前為止測(cè)試您的應(yīng)用程序。單擊右上角的按鈕以模式打開(kāi)應(yīng)用程序。應(yīng)用程序預(yù)覽將始終打開(kāi)構(gòu)建器中選擇的頁(yè)面。

當(dāng)您對(duì)應(yīng)用程序感到滿意時(shí)，請(qǐng)單擊以使您的應(yīng)用程序投入生產(chǎn)?？梢愿膽?yīng)用程序名稱、圖標(biāo)和 URL。發(fā)布后，此編輯圖標(biāo)將替換為打開(kāi)的應(yīng)用程序鏈接。

自動(dòng)化

發(fā)布了自己的應(yīng)用后，還可以配置一些自動(dòng)化的動(dòng)作。比如設(shè)置一個(gè)觸發(fā)器，在指定的時(shí)候發(fā)送郵件等。更多的深入玩法就不展開(kāi)說(shuō)了。

模板

Budibase 提供了超過(guò)50個(gè)的模版，可以幫助使用更快速的上手構(gòu)建自己的應(yīng)用。

整體來(lái)說(shuō)還是很有可玩性的，再加上項(xiàng)目可以進(jìn)行自托管部署，非常推薦有興趣的朋友自己下載下來(lái)玩玩。如果對(duì)低代碼方面有深入研究的訴求，也可以借鑒下其中的優(yōu)勢(shì)。

源碼結(jié)構(gòu)

Budibase 使用Typescript開(kāi)發(fā)，前端頁(yè)面使用Svelte。

Budibase 使用 lerna 管理包的構(gòu)建和發(fā)布。從較高的層面來(lái)看，以下是構(gòu)成 Budibase 的軟件包。

• packages/builder – 包含 budibase builder 客戶端 svelte 應(yīng)用程序的代碼。
• packages/client – 在瀏覽器中運(yùn)行的模塊，負(fù)責(zé)讀取 JSON 定義并從中創(chuàng)建生動(dòng)的 Web 應(yīng)用程序。
• packages/server – budibase 服務(wù)器。這個(gè) Koa 應(yīng)用程序負(fù)責(zé)為構(gòu)建器和 budibase 應(yīng)用程序提供 JS 服務(wù)，并提供用于與數(shù)據(jù)庫(kù)和文件系統(tǒng)交互的 API。

項(xiàng)目特性

整體來(lái)看 budibase 具備了一下的特點(diǎn)：

1. 易于上手：它采用直觀的界面設(shè)計(jì)，使得即使是非專業(yè)開(kāi)發(fā)人員也能快速上手。用戶可以通過(guò)簡(jiǎn)單的操作，如拖放組件、設(shè)置屬性等，來(lái)完成應(yīng)用的搭建。
2. 高度可定制：Budibase提供了豐富的組件和插件，用戶可以根據(jù)自己的需求進(jìn)行選擇和組合，以創(chuàng)建出符合自己業(yè)務(wù)邏輯的應(yīng)用程序。
3. 靈活性強(qiáng)：該平臺(tái)支持與其他系統(tǒng)和數(shù)據(jù)庫(kù)的集成，能夠方便地實(shí)現(xiàn)數(shù)據(jù)的導(dǎo)入和導(dǎo)出，以及與其他應(yīng)用的互聯(lián)互通。
4. 安全性高：Budibase注重?cái)?shù)據(jù)安全和隱私保護(hù)，提供了多種安全機(jī)制，如權(quán)限管理、數(shù)據(jù)加密等，確保用戶數(shù)據(jù)的安全可靠。

項(xiàng)目信息

• 項(xiàng)目名稱：budibase
• GitHub 鏈接：https://github.com/budibase/budibase
• Star 數(shù)：20K