概述

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

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

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

微搭低碼平臺(tái)的優(yōu)點(diǎn)：

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

微搭地代碼平臺(tái)的限制:

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

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

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

微搭工作原理

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

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

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

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

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

微搭簡(jiǎn)單使用介紹

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

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

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

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

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

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

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

布局

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

導(dǎo)航

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

展示

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

表單

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

圖表

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

以上就是微搭低代碼平臺(tái)的簡(jiǎn)單介紹、基本使用以及官方組件清單。