微信小程式--簡約風部落格小程式(基於雲開發 - 全開源)
專案啟動純屬突發奇想,想看看部落格小程式,例如wehalo部落格小程式,但是感覺自建平臺還要浪費自己的伺服器算力,還沒有訪問量,省省吧。
本著白嫖的精神,用NodeJS完成了爬蟲,小程式雲開發也用免費的伺服器,完成了該開源專案。
目前支援的爬蟲範圍有 CSDN文章,部落格園部署了awescnb樣式的全部文章,以及部分部落格園相近基礎主題文章,請自行測試。
1.專案分析
- 專案使用cheerio爬蟲完成了對部落格內容爬取,並在小程式端使用html2wxml外掛對其內容進行解析。
- 專案支援對題目的模糊檢索和標籤的精確檢索,在search中提供該功能。
- 專案支援喜愛文章收藏和自定義分類,根據自定分類形成對應nav導航欄。
- 專案還支援專欄文章,文章分集。
2.專案預覽
首頁及詳情頁
收藏及收藏分類頁
專欄及專欄文章頁
3.專案參考
wehalo小程式的
addTips
元件ThorUI多個元件
ColorUI
4.專案部署及自查
1.下載(或直接下載ZIP)
git clone https://gitee.com/Kindear/cloud-note.git
2.修改配置檔案
修改core/dev.js
檔案,填寫上你的雲開發環境ID,openid
等部署完雲函式後再填寫
module.exports={
UseCloud:true,
CloudId:'', //雲開發環境id
TraceUser:true, //記錄使用者訪問日誌
AdaptStorge:true, //允許快取使用者資料
AdminMode:true, //管理員許可權模式
AdminList:['你的openid']
}
3.上傳並部署雲函式(雲端安裝依賴)
雲函式上傳並部署,如果依賴安裝失敗,需要自己安裝,在每個雲函式中順序執行以下命令
npm install
npm install axios
npm install cheerio
之後上傳全部檔案即可。
4.資料集合
建立3個資料集合
集合名稱 | 介紹 | 許可權 |
---|---|---|
POST_LIST | 文章資訊列表,存放文章及其作者資訊 | 所有使用者可讀,僅建立者可讀寫 |
FAVOR_LIST | 收藏列表,存放使用者收藏的文章資訊 | 所有使用者可讀,僅建立者可讀寫 |
TYPE_LIST | 分類列表,存放使用者自定義收藏分類 | 所有使用者可讀,僅建立者可讀寫 |
重新編譯專案即可。
自查順序
-
是否修改
project.config.json
中的appid為自己的 -
是否開啟了雲環境(建立後最好需要等待一段時間10min左右)
-
是否修改了配置檔案
core/dev.js
對應的環境id -
是否上傳並部署了雲函式成功
-
是否建立了雲資料集合
-
雲資料集合訪問許可權是否和文件所說的一致
-
是否引入了
html2wxml
外掛 -
以上都沒問題,還是部署失敗,可以在開源專案
issue
中提出