簡單易上手，資訊類小程序開發實戰指南

文 | 姚凱倫

在小程序開發中，內容資訊類的小程序有兩個令人頭疼的問題需要首先解決：

需有一個編輯富文本內容的管理面板，最好還有分類等的組織方式方便管理。

處理內容，可以方便地在小程序端獲取、渲染、展示。

這兩個問題，看起來不難解決，但做過的人都知道，解決它們是很耗時間的。

今天，知曉程序（微信號 zxcx0101）將通過一個簡單的電影資訊小程序，來看看在知曉雲內容庫功能的幫助下，如何將內容資訊類小程序的開發效率提高 60%。

還不知道「知曉雲」是什麼？它是國內第一個專註於微信小程序開發的 BaaS 產品。關注「知曉程序」微信公眾號，在微信後台回復「知曉雲」，更深入地了解知曉雲。

項目簡介

該小程序包含三個頁面，分別是：

內容分類列表頁

文章列表頁

文章詳情頁

首頁即為分類列表頁。當用戶選中其中一個分類，就可以進入到該分類的文章列表頁。在文章列表頁中，選擇任意一篇文章，即可進入到文章的詳情頁。

創建編輯團隊組和內容庫

1. 創建用戶分組，幫助管理內容

在知曉雲中，你需要利用「用戶管理」功能，新建一個「編輯」的用戶組。只有屬於該分組的用戶，才能對即將創建的內容庫進行操作。

具體操作是：在知曉雲後台，進入用戶管理界面，選擇普通分組管理，點擊新建普通分組，即可創建一個普通分組。

GIF/1.8M

2. 為分組添加成員

現在，我們有了「編輯」的用戶分組。接下來，我們就要為分組添加成員了。

在用戶管理界面，選擇用戶管理。在此，首先你找到要加入分組的用戶所在行，點擊設置分組。然後，在彈出的對話框，選擇你剛才創建的分組。

接著，點擊保存，選中的用戶就會添加到分組中。

3. 新建內容庫並設置許可權

接下來，我們就要正式開始「內容庫」的建立了。

在知曉雲的內容管理界面，你需要點擊「新建內容庫」按鈕，在彈出的模態框中填寫內容庫名；並在訪問許可權選項中，選擇我們剛才創建的分組。

GIF/1.1M

4. 創建分類

點擊創建分類按鈕，你需要在彈出的模態框中填寫分類名稱，提交後，即可在內容庫中，創建一個內容分類。

5. 創建文章

在「 所有內容 」菜單下點擊「 添加內容 」按鈕後，知曉雲將跳轉到富文本編輯頁面。

在這個頁面中，你就可以進行文章創建工作了。

在小程序中展示內容

在這一部分，你需要利用知曉雲的 SDK，以便在小程序中，獲取知曉雲內容庫中的內容。

1. 獲取內容庫下的分類並展示

從 Dashboard 獲取內容庫 ID，調用 getContentGroup 介面即可獲取到內容庫下的分類情況。

2. 獲取分類下的文章並展示

調用 getContentList 介面即可獲取到指定分類下的文章列表。

3. 獲取文章信息並展示

在內容庫中通過富文本編輯器創建的內容，是以 HTML 格式進行保存的，因此展示到小程序上需轉換為 WXML 格式。

針對於此，我們開發了 wxParser 插件，來完成轉換任務。具體的操作，可以參考 https://github.com/ifanrx/wxParser。

內容庫的職責，僅僅是對內容進行編輯和管理，因此，想要開發更為複雜的與內容相關的功能（例如收藏、點贊），開發者還需要利用知曉雲的數據表功能完成。

有關於內容庫的高級應用，我們會在後續的教程中再討論。

關注「知曉程序」公眾號

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！