杭州都市網(wǎng)

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

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

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

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

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

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

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

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

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

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

靈活性高 ——重視靈活性和功能可擴(kuò)展，發(fā)揮出開發(fā)人員的最大潛力。

開放和透明 ——拒絕技術(shù)鎖定和黑盒，重視開放性，比如前端渲染器開源、后端是傳統(tǒng)數(shù)據(jù)庫技術(shù)，沒有中間層，不依賴任何云廠商，可以部署到任意環(huán)境。

架構(gòu)上松耦合 ——完全解耦，讓開發(fā)人員靈活選擇前端、可視化編輯器、后端等，并非必須全部選擇。

降低開發(fā)門檻 零溝通成本

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

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

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

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

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

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

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

一分鐘就能搞定，簡單高效

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

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

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

1、首先用15行代碼把select下拉框?qū)懗鰜怼?/p>

2、接著用13行代碼配置數(shù)據(jù)來源。

接下來是添加各種css、如配置顏色、寬度、高度等等，仍然需要一定代碼量。

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

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

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

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

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

以上操作即使對于非前端人員來說，也不過一分鐘的時間。

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

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

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

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

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