概述

官網(wǎng)地址： 官網(wǎng)
官方文檔： 官方文檔
FAQ: FAQ

騰訊云微搭低代碼是一個高性能的低代碼開發(fā)平臺，用戶可通過拖拽式開發(fā)，可視化配置構(gòu)建 PC Web、H5 和小程序應(yīng)用。支持打通企業(yè)內(nèi)部數(shù)據(jù)，輕松實現(xiàn)企業(yè)微信管理、工作流、消息推送、用戶權(quán)限等能力，實現(xiàn)企業(yè)內(nèi)部系統(tǒng)管理。連接微信生態(tài)，和微信支付、騰訊會議，騰訊文檔等騰訊 SaaS 產(chǎn)品深度打通，支持原生小程序，助力企業(yè)內(nèi)外部運(yùn)營協(xié)同和營銷管理。

云開發(fā)對應(yīng)用提供了多個層次抽象（應(yīng)用模板，自定義高級組件，自定義源碼組件）來幫助開發(fā)者進(jìn)行應(yīng)用的快速開發(fā)。

微搭低碼平臺的優(yōu)點：

• 可視化編輯器，多場景化應(yīng)用模板，豐富的組件資源
• 應(yīng)用服務(wù)底座默認(rèn)直接基于云開發(fā)，享受云開發(fā)帶來的強(qiáng)大 serverless 能力
• 通過數(shù)據(jù)源可對接第三方服務(wù)
• 標(biāo)準(zhǔn)化的應(yīng)用組件描述，通過應(yīng)用 DSL 來描述跨平臺應(yīng)用（小程序，web）
• 開放的組件模型，可接入第三方組件，以及可拼裝的跨平臺自定義組件
• 整合了企業(yè)微信、騰訊文檔、騰訊會議、用戶登錄、微信支付等周邊產(chǎn)品和應(yīng)用
• 支持微信開發(fā)者工具預(yù)覽及本地開發(fā)，這個就很實用
• 可以通過微搭控制臺很方便的完成小程序的申請及發(fā)布
• 提供了應(yīng)用的導(dǎo)入導(dǎo)出功能，可以很方便的復(fù)制應(yīng)用到另一個認(rèn)證賬號下

微搭地代碼平臺的限制:

• 團(tuán)隊版收費(fèi)優(yōu)惠后88元每月(不曉得后續(xù)會不會調(diào)整，反正最開始的時候只有9.9一個月，后面突然就漲價到88元每個月)，只能關(guān)聯(lián)賬號認(rèn)證組織或個人下的小程序,最多50個應(yīng)用，且最多只能添加5個子賬號
• 不支持業(yè)務(wù)域名配置，對網(wǎng)頁跳轉(zhuǎn)支持不是很好。
• 圖表組件目前只有四種，需要更多圖表的話需要通過自定義組件實現(xiàn)。
• 企業(yè)微信的集成只支持企業(yè)版及以上的套餐，對個人和小企業(yè)不是很友好
• 團(tuán)隊版沒有集成代碼版本控制，多人合作不是很順暢
• 組件樣式調(diào)整不是很方便，不過這個問題目前騰訊已經(jīng)做出一部分優(yōu)化了
• 開發(fā)過程中可能會遇到一些奇怪的問題，不過反饋后能及時修正，這個問題在微搭推廣前期比較明顯，目前已經(jīng)好很多了。
• 小程序的分包目前沒有看到相關(guān)支持及文檔。
• 混合開發(fā)模式目前騰訊還在開發(fā)中，開發(fā)完成后可以很方便的遷移老應(yīng)用到微搭平臺。

產(chǎn)品架構(gòu)

騰訊云微搭低代碼提供了應(yīng)用開發(fā)的一站式低代碼開發(fā)服務(wù)，從底層能力迭代至行業(yè)級方案，云原生全鏈路支撐為您的應(yīng)用保駕護(hù)航，讓您能夠完全專注于業(yè)務(wù)場景，小白也可以極速搭建出成熟、專業(yè)的應(yīng)用。
騰訊云微搭的產(chǎn)品架構(gòu)如下：

微搭工作原理

我們通過開發(fā)，編譯，發(fā)布，運(yùn)行等幾個階段來說明微搭低碼平臺的工作原理：

1. 微搭低碼編輯器編輯階段本質(zhì)是生成應(yīng)用描述配置 [CALS] 文件，應(yīng)用配置里一般描述了應(yīng)用的依賴，數(shù)據(jù)源，應(yīng)用及組件的自定義樣式，變量及方法（低代碼），頁面映射及頁面里的組件樹，組件的屬性，綁定關(guān)系，以及事件處理。

2. 編輯器生成的應(yīng)用描述配置需要通過云開發(fā) lcframework 才能最終轉(zhuǎn)化成可以在多個平臺運(yùn)行的實際應(yīng)用。云開發(fā) lcframework 提供編譯時和運(yùn)行時兩階段能力。

   2.1 編譯時抽象的 DSL json 文件轉(zhuǎn)成平臺可識別的配置，頁面文件列表，以及組件結(jié)構(gòu) 運(yùn)行時提供運(yùn)行框架將編譯產(chǎn)物真正的在各平臺運(yùn)行起來，運(yùn)行時框架是個完整的應(yīng)用框架，提供了應(yīng)用路由，工具方法以及各種膠水能力
   2.2 經(jīng)過 lcframework 編譯后的應(yīng)用是個的普通的云開發(fā)應(yīng)用模板，可以直接使用云開發(fā) framework來進(jìn)行發(fā)布部署上線。微搭低碼應(yīng)用的是用云開發(fā)服務(wù)本身來作為應(yīng)用后臺服務(wù)，會使用靜態(tài)托管/CDN，云數(shù)據(jù)庫，云函數(shù)及云存儲等云開發(fā)的能力和資源。

3. 靜態(tài)資源（web 應(yīng)用的頁面，腳本，樣式，圖片素材）托管到云開發(fā)靜態(tài)托管中，數(shù)據(jù)庫數(shù)據(jù)源的數(shù)據(jù)存放到云數(shù)據(jù)庫中，云函數(shù)則會直接使用云開發(fā)云函數(shù)。
   

微搭簡單使用介紹

使用微搭的前提條件:
1. 有騰訊云賬號
2. 完成認(rèn)證，個人或組織
3. 購買微搭套餐，新用戶會贈送一個月，如果是個人學(xué)習(xí)或者小企業(yè)使用的話購買團(tuán)隊版套餐即可，里面可以創(chuàng)建5個子賬號
4. 如果要發(fā)布到小程序，需要認(rèn)證的個人或者組織下有關(guān)聯(lián)的小程序，也可以在微搭控制臺申請小程序

完成上述系列操作后就可以進(jìn)入到微搭控制臺創(chuàng)建應(yīng)用了，看下控制臺界面:

可以根據(jù)自己的場景和需要選擇不同的模式來創(chuàng)建應(yīng)用，同時官方也提供了諸多場景下的模板供用戶選擇使用，如下圖:

整體來看騰訊做的還是挺不錯的，提供的模板涵蓋了大量的應(yīng)用場景，如果只是一些簡單頁面的話可以通過模板新建應(yīng)用后做少量的修改即可完成。

接下來我們看下微搭提供的拖拽生成頁面的編輯器界面及其功能吧。

界面簡單明了，基本看一下就知道是做什么用的，不做過多介紹。
接下來我們簡單看下目前微搭官方提供的所有的組件，如下表:
數(shù)據(jù)容器

組件名稱	組件標(biāo)識	組件說明
數(shù)據(jù)列表	ListView	適用于從數(shù)據(jù)源中查詢多條數(shù)據(jù)，并將返回列表循環(huán)展示的場景，如查詢用戶列表。
數(shù)據(jù)詳情	DataView	適用于從數(shù)據(jù)源中查詢一條數(shù)據(jù)，并將返回數(shù)據(jù)展示的場景，如查詢訪客預(yù)約詳情。
表單容器	Form	作為單行輸入、下拉選擇等各項表單類組件的父級容器，實現(xiàn)數(shù)據(jù)提交。
數(shù)據(jù)表格	ModelTable	表格可以清晰地展示二維數(shù)據(jù)

布局

組件名稱	組件標(biāo)識	組件說明
普通容器	Container	容器中可放入多個組件，常用于在前端中對頁面布局進(jìn)行管理的場景。 同時也可以通過容器組件綁定數(shù)據(jù)對容器內(nèi)的組件進(jìn)行循環(huán)遍歷
網(wǎng)格布局	Grid	Grid網(wǎng)格布局
分組容器	List	用于實現(xiàn)常見的分組列表展示效果
輪播容器	Swiper	用于快速在頁面搭建輪播圖展示效果，并支持輪播圖的跳轉(zhuǎn)、播放配置
布局組件	PageLayout	頁面布局展示
滾動容器	ScrollView	當(dāng)組件元素內(nèi)容長度大于滾動容器時，滾動容器會出滾動條用來對頁面內(nèi)容進(jìn)行滑動展示。
頁頭容器	Header	用于展示常見的頁頭展示效果。
頁腳容器	Footer	用于實現(xiàn)常見的頁腳展示效果。
彈窗	Modal	用于實現(xiàn)簡單的彈窗效果

導(dǎo)航

組件名稱	組件標(biāo)識	組件說明
Tab欄	TabBar	用于實現(xiàn)基本的tab欄交互效果，可自定義Tab欄的類型、樣式以及頁面的跳轉(zhuǎn)。
菜單導(dǎo)航	NavigationBar	菜單導(dǎo)航
宮格導(dǎo)航	NavLayout	用于宮格布局樣式下的導(dǎo)航項目展示
頂部導(dǎo)航	NavBar	常用于實現(xiàn)H5/小程序頁面的頂部導(dǎo)航效果，預(yù)置主頁與返回按鈕。小程序使用時，需在頁面設(shè)置-頁面樣式中將導(dǎo)航欄樣式切換為自定義樣式，否則會顯示雙重導(dǎo)航和空白間距
頂部選項卡	Tabs	用于實現(xiàn)常見的選項卡切換效果
側(cè)邊選項卡	Classification	用于實現(xiàn)基本的側(cè)邊導(dǎo)航交互

展示

組件名稱	組件標(biāo)識	組件說明
分割線	WdDivider	用于顯示分割線
鏈接	WdLink	當(dāng)操作命令需要用戶點擊，用以觸發(fā)特定事件的發(fā)生，如點擊事件、信息提交等。
文本	WdText	用于展示頁面中的文本、標(biāo)題、內(nèi)容等
氣泡提示	WdBubble	用于氣泡的提示(不支持小程序)
循環(huán)展示	Repeater	循環(huán)展示，通常用于列表展示
圖標(biāo)	WdIcon	可以通過在圖標(biāo)組件的配置區(qū)中選擇微搭提供的預(yù)置圖標(biāo)實現(xiàn)圖標(biāo)的展示效果并調(diào)整圖標(biāo)顏色等參數(shù)，同時圖標(biāo)組件也支持用戶對圖標(biāo)進(jìn)行自定義的上傳。
圖片	WdImage	用于在頁面進(jìn)行圖片的展示，支持圖片內(nèi)容及展示方式配置
按鈕	WdButton	當(dāng)操作命令需要用戶點擊，用以觸發(fā)特定事件的發(fā)生，如點擊事件、信息提交等
輪播圖	Carousel	輪播圖
圖文卡片	Media	用于快速在頁面構(gòu)建圖文展示效果
富文本展示	RichTextView	用于對富文本類型的數(shù)據(jù)進(jìn)行轉(zhuǎn)換與展示
視頻播放	WedaVideo	用于視頻播放
九宮格抽獎	Lottery	用于實現(xiàn)簡單的活動抽獎功能
日歷	Calendar	用于日歷展示，如考勤數(shù)據(jù)、日程展示等。

表單

組件名稱	組件標(biāo)識	組件說明
單行輸入	FormInput	文本輸入框
多行輸入	FormTextArea	文本域輸入框
下拉選擇	FormSelect	下拉選擇
單選	FormRadio	單選框
多選	FormCheckBox	多選框
日期時間選擇	FormDate	用于選擇年、年月、年月日時分秒日期。
時間選擇	FormTime	用于選擇具體時分時間，例如22:30。
圖片上傳	FormImageUploader	用于上傳圖片、保存圖片數(shù)據(jù)等
文件上傳	FormUploadFile	用于上傳文件、保存文件等
開關(guān)	FormSwitch	開關(guān)組件
成員選擇	FormUserTreeSelect	用于模型應(yīng)用中成員選擇
部門選擇	FormDepartSelect	用于模型應(yīng)用中部門選擇
地圖定位	FormLocation	提供表單提交場景下的選點定位功能
地區(qū)選擇	FormMutiRegion	用于選擇省市區(qū)
富文本編輯	FormRichText	表單場景下的富文本編輯器
電話輸入	FormPhone	文本輸入，添加了電話校驗
URL輸入	FormUrl	文本輸入，添加了url校驗
郵箱輸入	FormEmail	文本輸入，添加了郵箱校驗

圖表

組件名稱	組件標(biāo)識	組件說明
統(tǒng)計卡片	StatisticsCard	統(tǒng)計卡片組件主要提供報表場景下的指標(biāo)數(shù)據(jù)統(tǒng)計并展示功能，支持小程序、H5 和 PC Web 端。
折線圖	Line	折線圖組件主要用于報表場景下展示數(shù)據(jù)隨時間變化產(chǎn)生的趨勢，支持小程序、H5 和 PC Web 端。
柱狀圖	Bar	柱狀圖組件主要用于報表場景下展示數(shù)據(jù)之間大小的對比，支持小程序、H5 和 PC Web 端。
餅圖	Pie	餅圖組件主要用于報表場景下表示數(shù)據(jù)在總體中的占比,支持小程序、H5 和 PC Web 端。

以上就是微搭低代碼平臺的簡單介紹、基本使用以及官方組件清單。