騰訊公測云開發(fā)低碼！全網(wǎng)首篇實戰(zhàn)評測
而就在 2020 年的最后一天下午，公測正式啟動！
說是全網(wǎng)首篇云開發(fā)低碼實戰(zhàn)評測應該一點也不過分！
如果你想輕松快速地制作小程序或移動端網(wǎng)站，一定要花 5 分鐘讀完本文！
下面魚皮帶大家一起吃螃蟹。首先了解什么是云開發(fā)低碼，然后通過實戰(zhàn)開發(fā)『 備忘錄 』小程序來體驗云開發(fā)低碼平臺，最后分享個人使用心得，并給出看法和評測。
什么是云開發(fā)低碼？
在認識云開發(fā)低碼前，要先了解『 云開發(fā) 』和『 低碼 』。
1. 什么是云開發(fā)？
云開發(fā)（CloudBase）是云端一體化的后端云服務 ，采用 Serverless 架構(gòu)，無需自己搭建后端，免去了傳統(tǒng)開發(fā)和構(gòu)建中繁瑣的服務器搭建和運維。同時云開發(fā)提供的靜態(tài)托管、命令行工具、Flutter SDK 等能力降低了應用開發(fā)的門檻，前端同學也可以輕松開發(fā)一個完整的小程序、小游戲、H5、Web、移動 App 等應用。
通過云開發(fā)提供的云數(shù)據(jù)庫、云存儲、云函數(shù)等功能，開發(fā)者無需再關(guān)心各種復雜的后端架構(gòu)和服務運維，只需要專注于開發(fā)業(yè)務邏輯，從而大大提升了開發(fā)效率。
2. 什么是低代碼？
低碼即低代碼，英文 LowCode，但此處的 Low 可不是低端的意思，而是指在開發(fā)中少寫代碼、甚至是不寫代碼（零代碼）。
怎么能做到少寫代碼甚至不寫代碼來實現(xiàn)功能呢？我們可以想一下自己在編程中減少重復代碼的方法。
假設我們要開發(fā)一個填表網(wǎng)站，網(wǎng)站上有輸入框、單選框和復選框。
第一次開發(fā)表單時，我們可能會復制組件庫的代碼或者完全自己編寫。但之后開發(fā)類似頁面時，我們還會從零開始寫一遍么？肯定是直接把之前的頁面代碼復制粘貼過來修改幾下就好了。
復制粘貼次數(shù)多了，你會變得越來越懶，能不能通過工具自動生成重復的代碼呢？當然可以，而且實現(xiàn)一個簡單的代碼生成器并不復雜，可以簡單理解為創(chuàng)建一個包含特定字符串的文件。
如果嫌這樣的代碼生成器太過簡陋、不夠靈活，我們還可以開發(fā)一個可視化界面，需要什么組件，就在界面上選中，然后動態(tài)生成不同的代碼。這其實就是一個低代碼應用。
低代碼的本質(zhì)就是應用場景的極致抽象并且模板化的過程。很多知名的互聯(lián)網(wǎng)大公司早就推出了自己的低代碼構(gòu)建軟件，隨著近幾年云計算、云原生技術(shù)的發(fā)展，這些平臺也逐漸上云，開發(fā)者甚至不需要下載任何軟件，就能開發(fā)出一套系統(tǒng)。
3. 什么是云開發(fā)低碼？
2020 年 11 月 29 日，騰訊正式推出云開發(fā)低代碼平臺，幫助越來越多的小白成為 “開發(fā)者”。
云開發(fā)低碼（LowCode）是騰訊云提供的高效、高性能的拖拽式低代碼開發(fā)平臺，向上連接前端的行業(yè)業(yè)務，向下連接云計算的海量能力，助力企業(yè)垂直上云。
云開發(fā)低碼將繁瑣的底層架構(gòu)和基礎(chǔ)設施抽象化為圖形界面，通過行業(yè)化模板、拖放式組件和可視化配置快速構(gòu)建多端應用（不僅僅是微信小程序，還支持 H5 應用、Web 應用等，未來還會支持 App 等更多端，只需開發(fā)一次，可自動部署多端），免去代碼編寫工作，讓開發(fā)者能夠完全專注于業(yè)務場景。
云開發(fā)低碼以云開發(fā)作為底層支撐，云原生能力將應用搭建的全鏈路打通，提供高度開放的開發(fā)環(huán)境，時刻為應用保駕護航。整體架構(gòu)如下：
云開發(fā)低碼有著重大的意義。
一方面是極大降低開發(fā)門檻，通過云開發(fā)低碼平臺，哪怕你只會前端或者后端，甚至是沒有任何技術(shù)背景的產(chǎn)品、運營同學，也可以獨立制作應用，人人都是可以是全棧開發(fā)者！
另一方面，云開發(fā)低碼能夠提升生產(chǎn)效率，避免重復性工作，開發(fā)者可以更加專注于業(yè)務邏輯創(chuàng)新、專注架構(gòu)和算法設計。
舉一個官方提供的例子，粵省事小程序要開發(fā)一個 “貧困認證” 功能，低代碼平臺可以直接復用基礎(chǔ)組件和已有業(yè)務邏輯抽象，代碼行數(shù)從 2000 多行降低到 61 行，文件個數(shù)從 42 個縮減為 1 個，交付效率提升了至少5倍！
說了那么多，還是通過一個實戰(zhàn)來帶大家感受一下云開發(fā)低碼的優(yōu)勢。
實戰(zhàn)『 備忘錄 』小程序
開發(fā)小程序的目的主要是體驗下云開發(fā)低碼平臺，并且希望能夠帶大家快速上手。因此小程序非常簡單，就是一個備忘錄（todoList），能夠記錄和查看自己的待辦事項。
最終效果如下：
下面手把手帶大家開發(fā)這個小程序，并在開發(fā)的過程中熟悉云開發(fā)低碼平臺的基礎(chǔ)用法。不用擔心自己沒學過前端或者后端，因為在云開發(fā)低碼的世界中，一切都是那么簡單！
1. 創(chuàng)建應用
進入騰訊云開發(fā)低碼控制臺，創(chuàng)建空白應用。一個應用對應一個小程序或網(wǎng)站。
2. 創(chuàng)建數(shù)據(jù)源
云開發(fā)為我們提供了云數(shù)據(jù)庫和后端接口的能力，可以在控制臺創(chuàng)建數(shù)據(jù)源，對應數(shù)據(jù)庫的一張表。
點擊新建數(shù)據(jù)源，可以在此填寫數(shù)據(jù)表名、字段，并配置對該表的操作權(quán)限（增刪改查等）。
前期工作準備完成，下面開發(fā)界面。
3. 開發(fā)界面
顛覆了傳統(tǒng)寫前端代碼來開發(fā)小程序界面的方式，云開發(fā)低碼平臺支持可視化拖拽式開發(fā)。
先進入應用編輯界面：
先來整體認識下應用編輯界面，大致分為如下幾個區(qū)域，后面我們會在開發(fā)中認識這些區(qū)域的作用。
首先新建界面，我們需要兩個頁面，“主頁” 和 “添加待辦” 頁面。
新建頁面后，我們先開發(fā)主頁，就是顯示待辦事項列表，并提供一個跳轉(zhuǎn)到 “添加待辦” 頁面的按鈕。
直接點選需要的組件，能在組件樹、預覽區(qū)和編輯區(qū)實時看到頁面的變化：
每個組件都有一些默認的文字，可以編輯組件的內(nèi)容，點擊編輯區(qū)對應組件即可修改：
主頁的內(nèi)容結(jié)構(gòu)就搭建完成啦，整個過程不會超過兩分鐘。而如果寫代碼來開發(fā)，即使有現(xiàn)成的組件，也要復制代碼和修改，會額外花費大量時間。
4. 美化樣式
現(xiàn)在的界面看著非常丑，我們需要美化一下頁面的樣式，同樣不需要寫代碼，直接在 “樣式” 中點選輸入值即可。
修改導航條的文字顏色和背景色：
修改 “暫無待辦” 文字樣式，如間距、字號、對齊：
當然，還可以靈活地自定義樣式代碼：
樣式美化工作就完成了，可以用同樣的方法制作 “添加待辦” 頁面。
但有一個要注意的點，表單輸入項的 key 要和我們最初定義的數(shù)據(jù)表字段名保持一致，否則會增加很多額外的工作。
5. 前后端連接
雖然頁面內(nèi)容和樣式都有了，但是現(xiàn)在的網(wǎng)站只是一個靜態(tài)網(wǎng)站，我們看到的待辦事項數(shù)據(jù)都是假的，不會發(fā)生任何變化。而實際上，我們需要通過后端從數(shù)據(jù)庫中獲取到數(shù)據(jù)，然后進行展示。
怎么將后端取到的數(shù)據(jù)和前端頁面相關(guān)聯(lián)呢？
如果靠寫代碼來實現(xiàn)，大家第一時間想到的是 Ajax，即異步 JavaScript 和 XML，一種創(chuàng)建交互式、快速動態(tài)網(wǎng)頁應用的網(wǎng)頁開發(fā)技術(shù)。
而使用云開發(fā)低碼，只需要動動手指進行配置，就能自動關(guān)聯(lián)。
先點擊頂部操作欄的 “數(shù)據(jù)源變量”，創(chuàng)建一個 todos 全局變量（在整個應用內(nèi)都有效），并和之前配置的 todo 數(shù)據(jù)源相關(guān)聯(lián)。數(shù)據(jù)源動作指定為 “查詢列表”，這樣 todos 變量就保存了數(shù)據(jù)表 todo 中的全部數(shù)據(jù)。不用自己寫代碼查詢數(shù)據(jù)再賦值了！
那怎么在主頁展示 todos 變量中的待辦事項列表呢？
使用配置就能輕松完成。既然是列表，那就是重復添加單個組件，可以配置 for 循環(huán)來實現(xiàn)。先給外層視圖組件 View 添加 for 循環(huán)展示。
再給視圖組件內(nèi)的 Cell 組件動態(tài)綁定標題、描述等，通過外層的 for 循環(huán)，會生成多個 Cell，因此配置內(nèi)層組件時，只需要考慮單條數(shù)據(jù)，綁定方式選擇 “For 循環(huán)”。
配置完成，系統(tǒng)為我們生成了一些 string 類型假數(shù)據(jù)，方便我們查看效果。
如果已有待辦數(shù)據(jù)，那 “暫無待辦” 這幾個字就顯得有些礙眼，應該自動隱藏，怎么實現(xiàn)呢？
其實配置一個 if 條件展示即可，編寫一個條件表達式，當待辦數(shù)據(jù)為空時才展示：
配置完成后，“暫無待辦” 就消失不見啦！
6. 實現(xiàn)交互邏輯
現(xiàn)在的小程序就是一個花瓶，只有內(nèi)容和樣式，中看不中用，點擊頁面上的按鈕不會有任何反應，也根本無法添加待辦。
下面我們來讓小程序動起來，通過配置事件實現(xiàn)交互。
先為主頁的 “添加待辦” 按鈕配置點擊事件，當用戶點擊該按鈕時，跳轉(zhuǎn)頁面。云開發(fā)低碼平臺內(nèi)置素材庫，提供了大量常用的事件以及執(zhí)行動作，無需自己編寫代碼。
配置要跳轉(zhuǎn)到哪個頁面：
配置跳轉(zhuǎn)詳情
同樣，我們要為 “添加待辦” 頁面的按鈕增加事件，當用戶點擊時，向數(shù)據(jù)庫中插入一條待辦事項數(shù)據(jù)。但是從素材庫中找不到合適的動作，這時我們就必須自己編寫交互邏輯了。
在彈出的低代碼編輯器中，先在指定頁面新增一個事件處理器。
然后就要編寫處理器的代碼，此處的代碼雖然看著比較多，但其實平臺為我們提供了示例應用，直接把其中的代碼復制到此處，替換數(shù)據(jù)源名稱即可。就是大家喜歡的 Ctrl C + Ctrl V。
然后保存代碼，指定執(zhí)行動作，就大功告成了。到目前為止，這是我們唯一需要編寫代碼的地方。然而，小程序已經(jīng)開發(fā)完成了！
7. 預覽和發(fā)布
開發(fā)完小程序后，點擊頂部 “預覽發(fā)布”，就可以查看效果啦！
這里由于我的小程序坑位已滿，就以網(wǎng)頁 H5 的形式瀏覽。等待幾分鐘，會彈出一個可訪問的鏈接，打開就能看到自己的作品了，還支持手機掃碼瀏覽。
億點評測
體驗了騰訊云開發(fā)低碼平臺，仿佛又讓我找到了當時用 VS、Qt Creator 拖拖拽拽就開發(fā)出 Windows 桌面程序的快感。但是云開發(fā)低碼平臺略勝一籌的是，打通并結(jié)合低代碼和云開發(fā)的強大能力，前后端都不用自己寫代碼來開發(fā)，完全不需要關(guān)心服務器的購置和部署！這種一條龍的開發(fā)體驗，真的是非常棒！
而且使用云低碼平臺開發(fā)出的應用天然支持跨端，做一個應用，就能夠同時支持小程序和 H5，甚至是其他端的應用。
雖然其他云服務廠商也有類似的低代碼平臺，但是考慮到微信小程序本身是屬于騰訊自家的產(chǎn)品，使用騰訊云提供的云開發(fā)低碼平臺相對最靠譜穩(wěn)定，和微信生態(tài)的連接更緊密，可以直接使用微信開放平臺的一些功能，遇到問題也更容易定位和解決。
下面再從五個方面簡單評測一下。
易用性
毫無疑問，云開發(fā)低碼平臺本身的目的就是簡化開發(fā)、降低應用開發(fā)上手門檻，因此易用性是非常重要的指標。
體驗下來，易用性還是不錯的。整個編輯界面簡明清晰，可以輕松調(diào)整組件的順序，設定組件的內(nèi)容、樣式、交互行為。
云低碼平臺提供了一些現(xiàn)成的應用模板，直接套用能大大減少工作量。即使不套用模板，也很簡單。除了一些定制的業(yè)務邏輯外，開發(fā)一個完整的應用幾乎不需要寫任何代碼，在要編寫代碼的地方也基本都給出了比較友好的提示。因此，我作為一名有一點前后端開發(fā)經(jīng)驗的程序員，即使沒有讀過文檔，也能直接完成開發(fā)。
當然，我覺得還有很多可以優(yōu)化的地方，比如鼠標懸停預覽區(qū)時展示組件的樣式、事件信息等等。
豐富度
目前云開發(fā)低代碼平臺雖然還處于公測階段，但已經(jīng)提供了非常多的常用組件，如表單、媒體、數(shù)據(jù)展示、畫布、微信開放能力等，基本可以滿足開發(fā)的需求。此外，還提供了一些面向企業(yè)級應用的頁面模板，開箱即用！
期待未來會提供更多現(xiàn)成的頁面模板，并且針對具體的業(yè)務場景推出一些封裝更好的業(yè)務組件。
靈活性
本來我非常擔心低代碼平臺會不會因為大量的簡化和封裝，影響了開發(fā)時的靈活性。但是體驗后，我發(fā)現(xiàn)自己多慮了。大到應用和頁面信息，小到每個組件的 CSS 樣式和 JavaScript 代碼，都可以自由定制。甚至還可以靈活地控制頁面的生命周期！
當然，要做到 100% 的靈活還是有些難度的?，F(xiàn)在好像還不支持自定義組件和頁面模板，期待之后開放這種能力。
成熟度
騰訊云開發(fā)技術(shù)和跨端開發(fā)框架已經(jīng)發(fā)展了幾個年頭了，比較成熟，但作為一個融合而生的新產(chǎn)品，究竟能不能經(jīng)受住大項目的考驗，還不得而知，期待后續(xù)更多的實踐和數(shù)據(jù)。
生態(tài)
云開發(fā)低碼很好地打通了騰訊云開發(fā)的完整生態(tài)，借助云開發(fā)強大的技術(shù)能力順勢而生，可謂集大成者。從經(jīng)典的云數(shù)據(jù)庫、云函數(shù)、云存儲，再到云托管、內(nèi)容管理 CMS，這些技術(shù)的共生和連接使得 1 + 1 > 2，也是我認為云開發(fā)低碼最驚喜的地方。
比如在數(shù)據(jù)源管理和應用管理界面，我們都能夠看到數(shù)據(jù)管理后臺的身影，即騰訊云 CMS?？梢岳盟p松地管理我們定義的數(shù)據(jù)源，無需自己搭建管理后臺，直接省去搭建一個系統(tǒng)的成本！
總的來說，云開發(fā)低碼平臺是一個順應如今快節(jié)奏開發(fā)時代的產(chǎn)品，真的是解決了傳統(tǒng)開發(fā)時的低效、重復等問題，未來可期！
最后，如果你想要進一步學習騰訊云開發(fā)低碼平臺，可以點擊下方閱讀原文查看騰訊官方提供的『 快速開發(fā)一個云開發(fā)低碼應用 』教程。
假如你的身邊有同學想要制作小程序或移動端網(wǎng)站，一定要將本文分享給他，相信大家都能感受到開發(fā)和使用屬于自己的小程序的快樂！
順帶提一句，作為云開發(fā)重度用戶，我已經(jīng)變得越來越懶了（ 希望有對云開發(fā)感興趣、志同道合的朋友可以一起交流
