新能力 | 雲開發CMS內容管理系統,5分鍾搞定小程序管理后台


小程序·雲開發的雲調用能力,讓用戶可以免鑒權快速調用微信的開放能力,極大節約了開發成本。現在,大家期待已久的雲開發 CMS 內容管理系統,終於上線啦!順便提示,接下來還可以二次開發哦!

雲開發 CMS 管理系統是什么?

雲開發 CMS 內容管理系統是雲開發提供的一個擴展程序,可以在雲開發控制台一鍵安裝在自己的雲開發環境中,方便開發人員和內容運營者隨時隨地管理小程序 / Web 等多端雲開發內容數據。不用編寫代碼就可以使用,還提供了 PC /移動端瀏覽器訪問支持,支持文本、富文本、圖片、文件、關聯類型等多種類型的可視化編輯。

WechatIMG685

先來看看雲開發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. 微信小程序開發者
  • 登錄微信開發者工具-雲開發控制台

  • 在【雲開發控制台】-【設置】-【環境設置】-【支付方式】中點擊切換【按量付費】即可。

注意:這里需要先保證騰訊雲賬戶中是有充值金額的哦~

img

2. 騰訊雲開發者
  • 登錄騰訊雲雲開發控制台

  • 在【雲開發 CloudBase 控制台】-【環境】-【資源購買】-【計費模式】中點擊【切換按量付費】即可。

image-20200518074405398

第二步:在騰訊雲控制台安裝擴展

  • 登錄騰訊雲控制台
    微信小程序開發者需要使用微信公眾號登錄image-20200518075106598
  • 在【雲開發 CloudBase 控制台】-【擴展能力】-【擴展管理】中找到 CMS內容管理系統 擴展進行安裝
  • 安裝時需要進行資源的授權和擴展程序的配置,比如管理員和運營者的賬號密碼配置等,同時需要提供自定義登錄的密鑰,可以點擊自定義登錄密鑰旁邊的小圖標了解如何填寫。

image-20200518074852765

第三步:使用 CMS 內容管理系統

完成【CMS內容管理系統】的安裝以后,然后訪問該擴展的管理頁,可以在【擴展運行方式】Tab 查看使用指引,依照文檔完成 CMS 的使用,下面簡單介紹一下快速上手的步驟,更多細節可以參考運行方式。

image-20200519094241387

訪問 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, 內容會存儲為字符串等。

image-20200518100000744

創建並保存之后會自動刷新生成”文章“的運營界面

管理內容

接下來就可以進行運營管理內容操作了,可以使用運營者身份登錄,對新創建的“文章”進行操作,我們可以新建一篇文章。

文章發布成功后,即可在文章列表中看到這篇文章

使用內容數據

采用 CMS 管理的內容,依然可以通過雲開發各端 SDK 進行訪問(需要注意的是在前端訪問時,需要正確設置數據庫的安全規則設置,例如設置為所有用戶可讀,僅創建者可寫)。

例如,在上面的例子里,我們需要在雲函數中獲取文章的標簽是 CloudBase 的最新 10 條文章,可以采用以下代碼來獲取數據:

db.collection("articles")
  .where({ tag: "CloudBase" })
  .orderBy("createTime", "desc")
  .limit(10)
  .get();

獲取到內容數據就可以在各種場景使用了,比如在小程序/ Web 中構建應用和網站,具體的CMS + 應用開發的實踐可以關注后期我們的實踐教程。

后續,雲開發CMS內容管理系統將支持二次開發,用戶可以自由定制自己的管理后台。雲開發將始終堅持,為開發者提供一站式雲服務!

image-20200519093538332

最后,小編贈上《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


更多精彩
掃描二維碼了解更多

img


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM