有一款得心應(yīng)手的低代碼開(kāi)發(fā)平臺(tái)是什么感受？

「通過(guò)簡(jiǎn)單拖拽就實(shí)現(xiàn)了功能」、「簡(jiǎn)單的有點(diǎn)不可思議」，這就是知乎工程師的使用體驗(yàn)。

「知乎是中文互聯(lián)網(wǎng)最大的問(wèn)答式在線社區(qū)」，已成功在美股上市。最近知乎上線了資源成本優(yōu)化重點(diǎn)項(xiàng)目，旨在管控各個(gè)業(yè)務(wù)線的技術(shù)成本。由于此項(xiàng)目涉及用戶較多，前端頁(yè)面顯得尤為重要。為了高效交付項(xiàng)目，知乎工程師試用了百度智能云的低代碼開(kāi)發(fā)平臺(tái)愛(ài)速搭。在使用過(guò)后，立即愛(ài)不釋手。

那么，愛(ài)速搭的「魅力」來(lái)自何方，究竟有多強(qiáng)大？真的簡(jiǎn)單到「一分鐘」就能搞定？

做開(kāi)發(fā)者「最認(rèn)可的」低代碼平臺(tái)

這兩年，低代碼是業(yè)內(nèi)開(kāi)發(fā)者追捧的熱點(diǎn)。

低代碼開(kāi)發(fā)平臺(tái)是零代碼或通過(guò)少量代碼就可以快速生成應(yīng)用程序的開(kāi)發(fā)平臺(tái)，比傳統(tǒng)的編寫(xiě)代碼方式要強(qiáng)大很多。

正由于這種優(yōu)勢(shì)，各大互聯(lián)網(wǎng)公司紛紛開(kāi)始了低代碼開(kāi)發(fā)平臺(tái)方向的探索和建設(shè)。

愛(ài)速搭是基于百度多年實(shí)踐打造的開(kāi)發(fā)平臺(tái)，以「開(kāi)發(fā)者優(yōu)先」為設(shè)計(jì)理念，適用于多種應(yīng)用場(chǎng)景。愛(ài)速搭要做的不是功能最多或者最「傻瓜式」的低代碼平臺(tái)，而是致力于做開(kāi)發(fā)者最認(rèn)可的低代碼平臺(tái)。

從技術(shù)角度來(lái)說(shuō)，相比較其他低代碼平臺(tái),愛(ài)速搭有明顯的三個(gè)特點(diǎn)：

• 靈活性高——重視靈活性和功能可擴(kuò)展，發(fā)揮出開(kāi)發(fā)人員的最大潛力。
• 開(kāi)放和透明——拒絕技術(shù)鎖定和黑盒，重視開(kāi)放性，比如前端渲染器開(kāi)源、后端是傳統(tǒng)數(shù)據(jù)庫(kù)技術(shù)，沒(méi)有中間層，不依賴任何云廠商，可以部署到任意環(huán)境。
• 架構(gòu)上松耦合——完全解耦，讓開(kāi)發(fā)人員靈活選擇前端、可視化編輯器、后端等，并非必須全部選擇。

降低開(kāi)發(fā)門(mén)檻 零溝通成本

愛(ài)速搭的這種優(yōu)勢(shì)特點(diǎn)被大量開(kāi)發(fā)人員「口口相傳」，被知乎工程師「試用」后，立即「轉(zhuǎn)正」。

本著保持開(kāi)放的心態(tài)試用愛(ài)速搭，結(jié)果通過(guò)簡(jiǎn)單的拖拽就實(shí)現(xiàn)了一個(gè)增刪改查的頁(yè)面，簡(jiǎn)單的不可思議。在經(jīng)過(guò)完整搭建一個(gè)應(yīng)用之后，決定向知乎內(nèi)部推薦該產(chǎn)品。

愛(ài)速搭與傳統(tǒng)前端開(kāi)發(fā)對(duì)比有很多優(yōu)勢(shì)。

降低前端開(kāi)發(fā)門(mén)檻

不必像傳統(tǒng)前端開(kāi)發(fā)者具備所有前端編程能力，要熟悉并懂得 npm、webpack、react / vue、ES6 語(yǔ)法、Redux、函數(shù)式編程等等。愛(ài)速搭能夠可視化編輯頁(yè)面，通過(guò)拖拽組件、添加配置等簡(jiǎn)單操作，就可實(shí)現(xiàn)應(yīng)用頁(yè)面的開(kāi)發(fā)，非前端人員也可快速入門(mén)，并完成頁(yè)面開(kāi)發(fā)。

縮短項(xiàng)目交付周期

低代碼平臺(tái)縮短開(kāi)發(fā)時(shí)間，效率成倍提高。據(jù)相關(guān)數(shù)據(jù)顯示，使用低代碼的開(kāi)發(fā)效率是「?jìng)鹘y(tǒng)方式的 3 到 8 倍」，這將極大縮短項(xiàng)目交付周期。

減少溝通成本

在傳統(tǒng)開(kāi)發(fā)項(xiàng)目中，前、后端聯(lián)動(dòng)需要大量溝通成本。愛(ài)速搭可不依賴前端團(tuán)隊(duì)由后端獨(dú)立完成項(xiàng)目開(kāi)發(fā)，「實(shí)現(xiàn) 0 溝通成本」。

筆者認(rèn)為，只要合理并有效地運(yùn)用愛(ài)速搭低代碼開(kāi)發(fā)平臺(tái)，不僅讓我們工作高效運(yùn)行，還能最大程度保證團(tuán)隊(duì)目標(biāo)的達(dá)成。

一分鐘就能搞定，簡(jiǎn)單高效

愛(ài)速搭在知乎落地的第一個(gè)項(xiàng)目是成本優(yōu)化系統(tǒng)。在這之前，內(nèi)部有一個(gè)前后端分離的項(xiàng)目，實(shí)現(xiàn)了初版頁(yè)面。前端采用 VUE 框架，外加 View UI 和 Element UI 組件庫(kù)。

以「添加下拉框」這個(gè)簡(jiǎn)單需求為例，對(duì)比傳統(tǒng)前端開(kāi)發(fā)流程與愛(ài)速搭開(kāi)發(fā)流程，可以看出使用愛(ài)速搭更加簡(jiǎn)單、高效。

傳統(tǒng)前端開(kāi)發(fā)流程如下：

①首先用15行代碼把 select 下拉框?qū)懗鰜?lái)。

②接著用13行代碼配置數(shù)據(jù)來(lái)源。

③接下來(lái)是添加各種 CSS、如配置顏色、寬度、高度等等，仍然需要一定代碼量。

使用愛(ài)速搭開(kāi)發(fā)流程如下：

①在左側(cè)組件選擇找到下拉框，然后一秒拖拽，即可實(shí)現(xiàn)添加 select 下拉框操作。

②在右側(cè)圖形化配置數(shù)據(jù)來(lái)源、CSS 等。

>常規(guī)內(nèi)容設(shè)置，添加信息提示、描述、占位符等；還可以設(shè)置外觀、顯隱條件等等。

>設(shè)置數(shù)據(jù)來(lái)源，直接填寫(xiě)后端接口地址，也可默認(rèn)選擇第一個(gè)。

以上操作即使對(duì)于非前端人員來(lái)說(shuō)，也不過(guò)一分鐘的時(shí)間。

或許有些開(kāi)發(fā)人員覺(jué)得圖形化拖拽不夠 “專業(yè)”？其實(shí)也可以通過(guò)代碼來(lái)實(shí)現(xiàn)，簡(jiǎn)單10行 json 代碼也可以完成下拉框需求。

讓更多開(kāi)發(fā)者使用更好的開(kāi)發(fā)平臺(tái)

目前，知乎內(nèi)部已有幾十個(gè)應(yīng)用在使用愛(ài)速搭平臺(tái)。根據(jù)知乎內(nèi)部 GA（google analytics）數(shù)據(jù)顯示，在過(guò)去一周內(nèi)，用戶數(shù)在700左右，平均互動(dòng)時(shí)長(zhǎng)在10分鐘左右， 日 PV 在 8000 左右，愛(ài)速搭已經(jīng)成為一些開(kāi)發(fā)者的日常工具。

知乎計(jì)劃未來(lái)的前端項(xiàng)目?jī)?yōu)先使用愛(ài)速搭平臺(tái)，后續(xù)考慮將愛(ài)速搭的權(quán)限管理、工作流系統(tǒng)接入內(nèi)部，內(nèi)部項(xiàng)目在一個(gè)平臺(tái)里，免去來(lái)回切換系統(tǒng)，帳號(hào)和權(quán)限也方便統(tǒng)一管理。同時(shí)，也會(huì)加大推廣愛(ài)速搭在其他業(yè)務(wù)的使用。

百度智能云將不斷完善愛(ài)速搭這款智能應(yīng)用低代碼搭建平臺(tái)，用可視化的方式幫助企業(yè)快速構(gòu)建應(yīng)用，共同提高開(kāi)發(fā)效率，節(jié)約開(kāi)發(fā)成本，讓更多的開(kāi)發(fā)者使用更好的開(kāi)發(fā)平臺(tái)。

點(diǎn)擊【閱讀原文】了解更多百度智能云愛(ài)速搭相關(guān)信息。