微信小程式--簡約風部落格小程式(基於雲開發 - 全開源)

Kindear發表於2021-03-29

微信小程式--簡約風部落格小程式(基於雲開發 - 全開源)

專案啟動純屬突發奇想,想看看部落格小程式,例如wehalo部落格小程式,但是感覺自建平臺還要浪費自己的伺服器算力,還沒有訪問量,省省吧。

本著白嫖的精神,用NodeJS完成了爬蟲,小程式雲開發也用免費的伺服器,完成了該開源專案。

目前支援的爬蟲範圍有 CSDN文章,部落格園部署了awescnb樣式的全部文章,以及部分部落格園相近基礎主題文章,請自行測試。

1.專案分析

  1. 專案使用cheerio爬蟲完成了對部落格內容爬取,並在小程式端使用html2wxml外掛對其內容進行解析。
  2. 專案支援對題目的模糊檢索和標籤的精確檢索,在search中提供該功能。
  3. 專案支援喜愛文章收藏和自定義分類,根據自定分類形成對應nav導航欄。
  4. 專案還支援專欄文章,文章分集。

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 分類列表,存放使用者自定義收藏分類 所有使用者可讀,僅建立者可讀寫

重新編譯專案即可。

自查順序

  1. 是否修改project.config.json中的appid為自己的

  2. 是否開啟了雲環境(建立後最好需要等待一段時間10min左右)

  3. 是否修改了配置檔案core/dev.js對應的環境id

  4. 是否上傳並部署了雲函式成功

  5. 是否建立了雲資料集合

  6. 雲資料集合訪問許可權是否和文件所說的一致

  7. 是否引入了html2wxml外掛

  8. 以上都沒問題,還是部署失敗,可以在開源專案issue中提出

5.開源地址 - ⭐一下,求不白嫖

https://gitee.com/Kindear/cloud-note

相關文章