小程序·雲開發的雲調用能力,讓用戶可以免鑒權快速調用微信的開放能力,極大節約了開發成本。現在,大家期待已久的雲開發 CMS 內容管理系統,終於上線啦!順便提示,接下來還可以二次開發哦!
雲開發 CMS 管理系統是什么?
雲開發 CMS 內容管理系統是雲開發提供的一個擴展程序,可以在雲開發控制台一鍵安裝在自己的雲開發環境中,方便開發人員和內容運營者隨時隨地管理小程序 / Web 等多端雲開發內容數據。不用編寫代碼就可以使用,還提供了 PC /移動端瀏覽器訪問支持,支持文本、富文本、圖片、文件、關聯類型等多種類型的可視化編輯。
先來看看雲開發CMS的"廬山真面目"
首先我們通過幾張截圖來直觀感受一下 CMS 內容管理系統擴展:
圖1 雲開發控制台的安裝界面截圖
圖2 安裝並配置好內容的 CMS 內容管理系統界面演示
圖3 CMS 內容管理系統界面的移動端演示
雲開發 CMS 內容管理系統有哪些功能特性 ?
特性 | 介紹 |
---|---|
免開發 | 基於后台建模配置生成內容管理界面,無須編寫代碼 |
多端適配 | 支持 PC/移動端訪問和管理內容 |
功能豐富 | 支持文本、富文本、圖片、文件 等多種類型內容的可視化編輯,並且支持內容關聯 |
權限控制 | 系統基於管理員/運營者兩種身份角色的訪問控制 |
外部系統集成 | 支持 Webhook 接口,可以用於在運營修改修改內容后通知外部系統,如自動構建靜態網站、發送通知等 |
數據源兼容 | 支持管理小程序/ Web / 移動端的雲開發數據,支持管理已有數據集合,也可以在 CMS 后台創建新的內容和數據集合 |
部署簡單 | 可在雲開發控制台擴展管理界面一鍵部署和升級 |
什么場景下適合使用 CMS ?
1. 適用於需要為小程序應用增加一個運營管理后台的業務
小程序應用有偏運營方面的文章編輯和發布、運營活動配置、素材管理等數據管理需求,使用 CMS 擴展之后,不用手動線上修改 db 數據,也不用投入人力物力開發管理后台,可以隨時隨地使用自己環境下部署的 CMS 內容管理系統來管理,同時還支持區分管理員和運營者的身份權限。
2. 適用於快速開發內容型的網站應用、小程序應用等場景
CMS 內容管理系統還可以幫助開發者提升開發網站應用、小程序應用的效率,省去一部分后端開發工作。例如安裝了CMS 擴展之后,解決了內容和數據的管理和生產問題,直接可以結合前端應用框架讀取 db 數據進行渲染。例如基於 CMS 可以快速開發博客、企業官網等小程序/網站應用,最后悄悄透露一下,雲開發的官網 (http://cloudbase.net/) 就是基於 CMS 擴展 + Next.js + 雲開發靜態托管搭建和部署的。
如何安裝和使用 CMS ?
第一步:切換為按量付費
由於 CMS 擴展需要用到靜態網站托管資源,必須在按量計費的環境下才可以部署,因此首先要切換計費方式為按量付費。
1. 微信小程序開發者
-
登錄微信開發者工具-雲開發控制台
-
在【雲開發控制台】-【設置】-【環境設置】-【支付方式】中點擊切換【按量付費】即可。
注意:這里需要先保證騰訊雲賬戶中是有充值金額的哦~
2. 騰訊雲開發者
-
登錄騰訊雲雲開發控制台
-
在【雲開發 CloudBase 控制台】-【環境】-【資源購買】-【計費模式】中點擊【切換按量付費】即可。
第二步:在騰訊雲控制台安裝擴展
- 登錄騰訊雲控制台
微信小程序開發者需要使用微信公眾號登錄 - 在【雲開發 CloudBase 控制台】-【擴展能力】-【擴展管理】中找到 CMS內容管理系統 擴展進行安裝
- 安裝時需要進行資源的授權和擴展程序的配置,比如管理員和運營者的賬號密碼配置等,同時需要提供自定義登錄的密鑰,可以點擊自定義登錄密鑰旁邊的小圖標了解如何填寫。
第三步:使用 CMS 內容管理系統
完成【CMS內容管理系統】的安裝以后,然后訪問該擴展的管理頁,可以在【擴展運行方式】Tab 查看使用指引,依照文檔完成 CMS 的使用,下面簡單介紹一下快速上手的步驟,更多細節可以參考運行方式。
訪問 CMS 系統
CMS 擴展已經部署在當前環境下的靜態網站托管中,訪問路徑為“靜態托管的默認域名+安裝設置的部署路徑”
訪問地址的格式如下:
雲開發靜態托管默認域名/部署路徑
,例如 https://xxxx.tcloudbaseapp.com/tcb-cms/
賬號登錄
打開 CMS 系統后首先會提示需要登錄,我們首先使用使用安裝擴展時設置的管理員賬號和密碼進行登錄
內容建模
登錄成功后,首先需要進行內容的建模設置,例如我們想為自己的博客應用(小程序/網站)來生成管理界面。
假設當前已有一個管理 文章的數據庫集合 articles
,我們可以在 CMS 管理后台新建一個 “文章” 內容(如果新建內容的時候指定的集合名不存在,CMS 擴展會自動新建集合)來生成“文章”類型的內容管理界面。
假設數據庫集合 articles
的結構如下:
字段名 | 類型 | 描述 |
---|---|---|
_id | ID | 文章唯一 id |
name | String | 文章標題 |
cover | String | 封面圖,這里存放雲開發的存儲的文件的 cloudID |
content | String | 文章內容,采用 markdown 格式 |
author | ID | 作者的用戶 id |
createTime | DateTime | 創建時間 |
updateTime | DateTime | 更新時間 |
tag | String[] | 標簽,例如 ["serverless","cms"] |
category | String[] | 分類,例如 ["前端","開發"] |
我們在“內容設置”中點擊“新建”來創建“文章”類型時,可以對照上面的集合數據把字段類型和字段的限制進行配置,例如封面圖可以直接選擇 “圖片”字段類型,文章內容可以直接選擇 “Markdown” 類型,這樣在生成的管理界面里可以直接上傳圖片和通過編輯器編寫文章,保存在數據庫集合的時候,依然會保存為數據庫支持的類型,圖片會存儲為雲存儲的 CloudID, 內容會存儲為字符串等。
創建並保存之后會自動刷新生成”文章“的運營界面
管理內容
接下來就可以進行運營管理內容操作了,可以使用運營者身份登錄,對新創建的“文章”進行操作,我們可以新建一篇文章。
文章發布成功后,即可在文章列表中看到這篇文章
使用內容數據
采用 CMS 管理的內容,依然可以通過雲開發各端 SDK 進行訪問(需要注意的是在前端訪問時,需要正確設置數據庫的安全規則設置,例如設置為所有用戶可讀,僅創建者可寫)。
例如,在上面的例子里,我們需要在雲函數中獲取文章的標簽是 CloudBase
的最新 10 條文章,可以采用以下代碼來獲取數據:
db.collection("articles")
.where({ tag: "CloudBase" })
.orderBy("createTime", "desc")
.limit(10)
.get();
獲取到內容數據就可以在各種場景使用了,比如在小程序/ Web 中構建應用和網站,具體的CMS + 應用開發的實踐可以關注后期我們的實踐教程。
后續,雲開發CMS內容管理系統將支持二次開發,用戶可以自由定制自己的管理后台。雲開發將始終堅持,為開發者提供一站式雲服務!
最后,小編贈上《5分鍾部署雲開發CMS系統》教程,幫助大家快快上車!
視頻鏈接:
https://v.qq.com/x/page/f09687on1qv.html
文檔鏈接 :(CMS 內容管理系統鏈接)
https://cloud.tencent.com/document/product/876/44547
公眾號:騰訊雲雲開發
騰訊雲雲開發:https://cloudbase.net
雲開發控制台:https://console.cloud.tencent.com/tcb?from=12304
☁
更多精彩
掃描二維碼了解更多