微信小程式--簡約風部落格小程式(基於雲開發 - 全開源)
阿新 • • 發佈:2021-03-30
### 微信小程式--簡約風部落格小程式(基於雲開發 - 全開源)
專案啟動純屬突發奇想,想看看部落格小程式,例如**wehalo**部落格小程式,但是感覺自建平臺還要浪費自己的伺服器算力,還沒有訪問量,省省吧。
本著白嫖的精神,用**NodeJS**完成了爬蟲,小程式雲開發也用免費的伺服器,完成了該開源專案。
目前支援的爬蟲範圍有 **CSDN**文章,部落格園部署了[**awescnb**](https://gitee.com/guangzan/awescnb)樣式的全部文章,以及部分部落格園相近基礎主題文章,請自行測試。
#### 1.專案分析
1. 專案使用**cheerio**爬蟲完成了對部落格內容爬取,並在小程式端使用**html2wxml**外掛對其內容進行解析。
2. 專案支援對題目的模糊檢索和標籤的精確檢索,在**search**中提供該功能。
3. 專案支援喜愛文章收藏和自定義分類,根據自定分類形成對應**nav**導航欄。
4. 專案還支援專欄文章,文章分集。
#### 2.專案預覽
> 首頁及詳情頁
> 收藏及收藏分類頁
> 專欄及專欄文章頁
#### 3.專案參考
> [wehalo小程式](https://gitee.com/aquanrun/WeHalo?_from=gitee_search)的`addTips`元件
>
> [ThorUI](https://gitee.com/echo0927/ThorUI)多個元件
>
> **ColorUI**
#### 4.專案部署及自查
> > 1.下載(或直接下載ZIP)
~~~shell
git clone https://gitee.com/Kindear/cloud-note.git
~~~
> > 2.修改配置檔案
修改`core/dev.js`檔案,填寫上你的雲開發環境ID,`openid`等部署完雲函式後再填寫
~~~js
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/clo