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