低代碼工具淺析
點(diǎn)擊上方 前端Q，關(guān)注公眾號(hào)
回復(fù)加群，加入前端Q技術(shù)交流群
低代碼究竟是什么—
這些年，自從 SaaS（Software-as-a-Service） 廠商 Salesforce 市值水漲船高，還和其大手筆的商業(yè)并購(gòu)案，逐漸引起了國(guó)內(nèi)互聯(lián)網(wǎng)行業(yè)人的關(guān)注，習(xí)慣進(jìn)行國(guó)內(nèi)外產(chǎn)品對(duì)標(biāo)的互聯(lián)網(wǎng)圈子興起了一股 SaaS 風(fēng)潮，在后移動(dòng)互聯(lián)網(wǎng)時(shí)代下，部分人也期待 SaaS 可以成為國(guó)內(nèi)互聯(lián)網(wǎng)的一個(gè)新增長(zhǎng)點(diǎn)。
隨著不同的用戶訴求，一些系統(tǒng)衍生出新的形態(tài)，不同于既定的 SaaS 產(chǎn)品形態(tài)，用戶可以通過(guò)可視化拖拽界面、表單配置等方式，快速定制出一個(gè)完整的應(yīng)用，而且這一類系統(tǒng)基本不用編寫太多的代碼，即可以實(shí)現(xiàn)定制化應(yīng)用。隨著這一形態(tài)的系統(tǒng)越來(lái)越多，久而久之，大家就形象地稱之為 “低代碼”（low-code），另外也有人稱之為 ”aPaaS“，即應(yīng)用平臺(tái)即服務(wù)（屬于是互聯(lián)網(wǎng)造詞老技能了...）。
低代碼這個(gè)概念真正火熱起來(lái)，還是在于這兩年 Outsystems 相繼完成了數(shù)輪過(guò)億元美金的融資，估值早早地站上了十億美金級(jí)別，成為一方獨(dú)角獸。由于國(guó)內(nèi)這一領(lǐng)域缺少體量對(duì)等的廠商，所以大家自然也在期待哪家廠商能成長(zhǎng)為中國(guó)的 Outsystems。與此同時(shí)，國(guó)內(nèi)低代碼賽道上選手也漸漸進(jìn)入了大家的視野，例如釘釘宜搭、即刻應(yīng)用、氚云、簡(jiǎn)道云等等。
低代碼系統(tǒng)長(zhǎng)什么樣—
雖然低代碼平臺(tái)的形態(tài)很多，但是其中的核心還是脫離不開編程思想，基本都有以下功能模塊：頁(yè)面搭建、數(shù)據(jù)邏輯、數(shù)據(jù)模型，在線部署和管理系統(tǒng)。根據(jù)不同的業(yè)務(wù)場(chǎng)景，具體的平臺(tái)形態(tài)分化為表單/數(shù)據(jù)模型驅(qū)動(dòng)、界面驅(qū)動(dòng)等形態(tài)。
表單/數(shù)據(jù)模型驅(qū)動(dòng)
表單/數(shù)據(jù)模型驅(qū)動(dòng)是圍繞數(shù)據(jù)結(jié)構(gòu)來(lái)定義整個(gè)應(yīng)用的形態(tài)和流程，其中表單驅(qū)動(dòng)指用戶通過(guò)配置表單界面，元素大多是文本輸入、下拉選擇器、日期選擇器等組件，配置表單界面后自動(dòng)生成數(shù)據(jù)模型，并基于該表單做數(shù)據(jù)及流程管理，而數(shù)據(jù)模型驅(qū)動(dòng)則更復(fù)雜，需要用戶進(jìn)行數(shù)據(jù)建模和定義模型關(guān)系，此操作和 SQL 數(shù)據(jù)庫(kù)搭建類似，配置主鍵、索引，類型等等，然后基于該數(shù)據(jù)表單搭建上層的管理系統(tǒng)。該模式比較多應(yīng)用在搭建 CRM、ERP 等管理系統(tǒng)。
界面驅(qū)動(dòng)
界面驅(qū)動(dòng)比較好理解，就是用戶通過(guò)拖拽組件方式可視化搭建界面，然后配置頁(yè)面的交互邏輯，比如頁(yè)面的跳轉(zhuǎn)、數(shù)據(jù)獲取等等。這種形式大多應(yīng)用在搭建通用程序的低代碼平臺(tái)
這種模式與端應(yīng)用開發(fā)的套路基本一致，只是將代碼編輯修改為畫布拖拽和表單配置。這里舉一個(gè)簡(jiǎn)單的例子，在界面按鈕設(shè)置一個(gè)點(diǎn)擊事件，事件邏輯為拉取數(shù)據(jù)。該流程就是將編程概念提取為交互表單操作，里面還是會(huì)出現(xiàn)入?yún)⒊鰠⒆侄?、回調(diào)等等概念，遵循編程的思想。
應(yīng)用上線
當(dāng)用戶將應(yīng)用搭建完成后，可以直接在平臺(tái)上完成發(fā)布工作，然后就可以通過(guò)給出的鏈接訪問(wèn)應(yīng)用（大多數(shù)低代碼平臺(tái)制作出來(lái)都是 web 應(yīng)用）。這一步也十分關(guān)鍵，在常規(guī)的流程里面，一個(gè)應(yīng)用的上線，需要投入很多的精力去配置相關(guān)的線上環(huán)境和服務(wù)，這個(gè)操作具有很強(qiáng)的專業(yè)性，普通用戶很難獨(dú)自完成。低代碼平臺(tái)將這一環(huán)節(jié)打通，大大降低了使用門檻。
低代碼概念雖然比較新穎，但是低代碼平臺(tái)已經(jīng)發(fā)展了很久了（Outsystems 建立于 2001 年，國(guó)內(nèi)的道一云建立于 2004 年）。總體來(lái)說(shuō)，經(jīng)過(guò)這些年的發(fā)展探索，低代碼平臺(tái)的形態(tài)也趨于穩(wěn)定，各家的創(chuàng)新也是基于面對(duì)的用戶場(chǎng)景而實(shí)現(xiàn)的，本質(zhì)上還沒(méi)有跳脫出編程思想。
低代碼怎么做個(gè)性化定制—
這里有同學(xué)會(huì)問(wèn)了，低代碼平臺(tái)怎么滿足個(gè)性化需求？誠(chéng)然，受限于低代碼平臺(tái)所提供的組件和邏輯配置表單，只能解決一些通用化場(chǎng)景，當(dāng)用戶的訴求超脫出這個(gè)圈圈時(shí)，是不是就無(wú)能為力了？商業(yè)公司肯定不會(huì)這么幼稚，以下簡(jiǎn)單列舉搜集到的一些個(gè)性化定制的方法：
用戶可以在平臺(tái)定制的規(guī)則下錄入組件 提供 API 訪問(wèn)數(shù)據(jù)庫(kù)做定制開發(fā) 生成源代碼做二次開發(fā) 填寫反饋等平臺(tái)更新
除了這些固定的章程，無(wú)論體量大小，低代碼廠商還有大量的客戶專員，跟進(jìn)用戶的使用情況，詢問(wèn)訴求等等，后續(xù)可以根據(jù)用戶訴求給出合適的配置方案，乃至專門定制個(gè)性化場(chǎng)景。到這里就聞到了一絲外包公司的氣味，不過(guò)這確實(shí)符合實(shí)際用戶的訴求，最重要的是一個(gè)可以帶來(lái)收入的場(chǎng)景。
低代碼有沒(méi)有用？—
“低代碼究竟有沒(méi)有用？”
這個(gè)問(wèn)題浮現(xiàn)在各個(gè)論壇上。這個(gè)問(wèn)題可以理解為低代碼的聲量和其能力不匹配，用戶對(duì)低代碼信心不足。對(duì)于目前低代碼平臺(tái)的問(wèn)題，存在主觀和客觀的因素。
首先很多低代碼平臺(tái)能力還沒(méi)有足夠完善成熟，這是一個(gè)很核心的因素。對(duì)于很多初次使用的用戶來(lái)說(shuō)，概念繁多，邏輯復(fù)雜，在一番體驗(yàn)以后，預(yù)期和實(shí)際有落差。使用起來(lái)總體耗時(shí)跟源碼開發(fā)相差無(wú)幾，顯得工具比較雞肋?？陀^上，國(guó)內(nèi)的人力資源情況相比歐美還是比較便宜，很多有定制應(yīng)用訴求的客戶，首先會(huì)想到的是找外包，或者招聘開發(fā)崗位，而不是找低代碼工具自己動(dòng)手。另外大家對(duì)于低代碼的認(rèn)知也還不足，很難成為一個(gè)備選項(xiàng)。
思考這個(gè)問(wèn)題，我們想一個(gè)簡(jiǎn)單問(wèn)題，“一個(gè)可以降低門檻，提高效率的工具有沒(méi)有用”，答案很顯然是肯定的。低代碼平臺(tái)的宗旨，不就是“降低門檻”，“降本增效”么。
個(gè)人覺(jué)得，這些問(wèn)題大概是時(shí)間的問(wèn)題。就目前市面上的低代碼工具而言，從實(shí)際需求出發(fā)，當(dāng)深入體驗(yàn)過(guò)以后，其實(shí)是可以深切感受到工具帶來(lái)的紅利。花上幾天，一個(gè)人就可以實(shí)現(xiàn)前后端應(yīng)用，以及運(yùn)維監(jiān)控，拿到一套可運(yùn)行的程序。
隨著行業(yè)關(guān)注度的提升和資源的投入，上述遇到的問(wèn)題大多可以得到解決。低代碼從“可用”到“好用”的進(jìn)化，也是需要在實(shí)際場(chǎng)景中摸爬滾打中歷練進(jìn)化。
目前低代碼發(fā)展?fàn)顩r—
前面說(shuō)了，低代碼的熱度持續(xù)提升，最明顯的舉動(dòng)就是資本真金白銀的投資。
除了在資本上的行動(dòng)以外，可持續(xù)性的收入也很重要。低代碼這一特性，注定很難通過(guò)流量來(lái)實(shí)現(xiàn)盈利，低代碼不是做慈善，所以很多低代碼廠商自然而然地將目光投向了拓展 B 端客戶，B 端群體的付費(fèi)意愿比普通用戶強(qiáng)多了。只要打開各個(gè)廠商的官網(wǎng)，就可以看到琳瑯滿目的合作案例。這也就解釋了為什么低代碼廠商常常會(huì)擁有龐大的客戶服務(wù)崗，生存的壓力也促使他們必須要這么做。
另外有一個(gè)舉動(dòng)也很巧妙。釘釘發(fā)布了一個(gè)低代碼聚合平臺(tái)，宜搭、氚云、簡(jiǎn)道云、易鯨云等頭部低代碼廠商入駐。釘釘擁有國(guó)內(nèi)最大的商務(wù)用戶人群，而低代碼在國(guó)內(nèi)比較成功的落地場(chǎng)景是定制企業(yè)管理系統(tǒng)（例如 CRM），將低代碼平臺(tái)對(duì)接到巨大的對(duì)口流量之上，這種契合的操作頗有幾分微信接入微信支付一般痛快。
雖然目前發(fā)展勢(shì)頭不錯(cuò)，但是打鐵還需自身硬，避免共享經(jīng)濟(jì)那樣一地雞毛。低代碼只有切實(shí)地把門檻降低、降本增效目標(biāo)落在產(chǎn)品上，才可以長(zhǎng)久地生存下去。
我們的探索嘗試—
Deco 智能代碼項(xiàng)目（ling-deco.jd.com）是我們團(tuán)隊(duì)在「前端智能化」方向上的探索，我們嘗試從設(shè)計(jì)稿生成代碼（Design To Code）這個(gè)切入點(diǎn)入手，通過(guò) AI 的手段，對(duì)現(xiàn)有的設(shè)計(jì)到研發(fā)這一環(huán)節(jié)進(jìn)行能力補(bǔ)全，進(jìn)而提升產(chǎn)研效率。
在一個(gè)日常需求開發(fā)流程中，對(duì)于前端工程師來(lái)說(shuō)，輸入源是視覺(jué)稿 + PRD，輸出結(jié)果是可上線的頁(yè)面代碼。而在 Deco 的開發(fā)模式下，直接從設(shè)計(jì)稿轉(zhuǎn)化成前端頁(yè)面，然后通過(guò)可視化畫布和表單配置配置頁(yè)面的邏輯，最終輸出可運(yùn)行的多端代碼。
往期推薦
歡迎加我微信，拉你進(jìn)技術(shù)群，長(zhǎng)期交流學(xué)習(xí)...
歡迎關(guān)注「前端Q」,認(rèn)真學(xué)前端，做個(gè)專業(yè)的技術(shù)人...
