開發 | 簡單易上手,資訊類小程序開發實戰指南
文 | 姚凱倫
在小程序開發中,內容資訊類的小程序有兩個令人頭疼的問題需要首先解決:
- 需有一個編輯富文本內容的管理面板,最好還有分類等的組織方式方便管理。
- 處理內容,可以方便地在小程序端獲取、渲染、展示。
這兩個問題,看起來不難解決,但做過的人都知道,解決它們是很耗時間的。
今天,知曉程序(微信號 zxcx0101)將通過一個簡單的電影資訊小程序,來看看在知曉雲內容庫功能的幫助下,如何將內容資訊類小程序的開發效率提高 60%。
還不知道「知曉雲」是什麼?它是國內第一個專註於微信小程序開發的 BaaS 產品。關注「知曉程序」微信公眾號,在微信後台回復「知曉雲」,更深入地了解知曉雲。
項目簡介該小程序包含三個頁面,分別是:
- 內容分類列表頁
- 文章列表頁
- 文章詳情頁
首頁即為分類列表頁。當用戶選中其中一個分類,就可以進入到該分類的文章列表頁。在文章列表頁中,選擇任意一篇文章,即可進入到文章的詳情頁。
創建編輯團隊組和內容庫1. 創建用戶分組,幫助管理內容在知曉雲中,你需要利用「用戶管理」功能,新建一個「編輯」的用戶組。只有屬於該分組的用戶,才能對即將創建的內容庫進行操作。
具體操作是:在知曉雲後台,進入用戶管理界面,選擇普通分組管理,點擊新建普通分組,即可創建一個普通分組。
2. 為分組添加成員現在,我們有了「編輯」的用戶分組。接下來,我們就要為分組添加成員了。
在用戶管理界面,選擇用戶管理。在此,首先你找到要加入分組的用戶所在行,點擊設置分組。然後,在彈出的對話框,選擇你剛才創建的分組。
接著,點擊保存,選中的用戶就會添加到分組中。
3. 新建內容庫並設置許可權
接下來,我們就要正式開始「內容庫」的建立了。
在知曉雲的內容管理界面,你需要點擊「新建內容庫」按鈕,在彈出的模態框中填寫內容庫名;並在訪問許可權選項中,選擇我們剛才創建的分組。
4. 創建分類點擊創建分類按鈕,你需要在彈出的模態框中填寫分類名稱,提交後,即可在內容庫中,創建一個內容分類。
5. 創建文章在「 所有內容 」菜單下點擊「 添加內容 」按鈕後,知曉雲將跳轉到富文本編輯頁面。
在這個頁面中,你就可以進行文章創建工作了。
在小程序中展示內容在這一部分,你需要利用知曉雲的 SDK,以便在小程序中,獲取知曉雲內容庫中的內容。
關注「知曉程序」微信公眾號,回復「SDK」,獲取知曉雲 SDK 下載地址。
1. 獲取內容庫下的分類並展示從 Dashboard 獲取內容庫 ID,調用 getContentGroup 介面即可獲取到內容庫下的分類情況。
2. 獲取分類下的文章並展示調用 getContentList 介面即可獲取到指定分類下的文章列表。
3. 獲取文章信息並展示
調用 getContentList 介面即可獲取到指定分類下的文章列表。
在內容庫中通過富文本編輯器創建的內容,是以 HTML 格式進行保存的,因此展示到小程序上需轉換為 WXML 格式。
針對於此,我們開發了 wxParser 插件,來完成轉換任務。具體的操作,可以參考 https://github.com/ifanrx/wxParser。
內容庫的職責,僅僅是對內容進行編輯和管理,因此,想要開發更為複雜的與內容相關的功能(例如收藏、點贊),開發者還需要利用知曉雲的數據表功能完成。
有關於內容庫的高級應用,我們會在後續的教程中再討論。
如果你想了解更多關於小程序開發技巧,可以添加小雲微信(ID:minsupport),進入「知曉開發聯盟」群,與作者同群交流噢。
關注「知曉程序」公眾號 ??
- 在微信後台回復「
知曉雲
」,更加深入地了解知曉雲。 - 在微信後台回復「666」,獲取小程序開發 Demo。
※給王俊凱送星星完全攻略
※網易《決戰!平安京》正式亮相,「陰陽師 MOBA」要來和《王者榮耀》搶生意了
※終於定了!東芝晶元業務將以 180 億美元「賣身」貝恩資本財團
※除了能定民宿,Airbnb 在美國還能預約餐館了
※瞄準布加迪和帕加尼,這家電動超跑公司要發新車了
TAG:愛范兒 |