今天完全依賴(lài)云開(kāi)發(fā)的博客小程序?qū)徍送ㄟ^(guò)了,雖然目前只實(shí)現(xiàn)了最最基礎(chǔ)的文章列表和詳情兩個(gè)頁(yè)面,但還是想提前分享出來(lái),對(duì)于有需要的人可以自行下載。
關(guān)于數(shù)據(jù)源
對(duì)于完全依賴(lài)云開(kāi)發(fā)的博客來(lái)說(shuō),文章的發(fā)布還是比較麻煩的,畢竟不能在小程序上直接寫(xiě)文章吧,效率太低,所以我利用公眾號(hào)作為的文章數(shù)據(jù)源,利用云函數(shù)寫(xiě)了個(gè)定時(shí)同步的方法「當(dāng)然你也可以修改這個(gè)云函數(shù),替換成你的文章數(shù)據(jù)源,比如github,wordpress等」。
這里說(shuō)明下,這款小程序只是利用文章的數(shù)據(jù)源,后期開(kāi)發(fā)的評(píng)論,分享等其他所有功能,完全基于云數(shù)據(jù)庫(kù),和其他后端完全沒(méi)有關(guān)系。
代碼中已經(jīng)實(shí)現(xiàn)將公眾號(hào)文章同步至云函數(shù),具體實(shí)現(xiàn)可以參考源代碼和[博客小程序]公眾號(hào)文章同步至云數(shù)據(jù)庫(kù)實(shí)現(xiàn)這篇文章。
關(guān)于選型
本人主要做后端開(kāi)發(fā),所以對(duì)于前端基礎(chǔ)還是相對(duì)薄弱的,由于第一個(gè)小程序時(shí)純?cè)姆绞綄?xiě)的,本來(lái)想嘗試使用mpvue或者taro的,但由于近期確實(shí)比較忙,所以目前小程序還是以原生的方式進(jìn)行開(kāi)發(fā)。
對(duì)于UI框架,已經(jīng)放棄zanui,而是選擇了color UI「純css類(lèi)的UI組件庫(kù),比較酷炫」
對(duì)于解析富文本,已經(jīng)放棄wxParse「多年沒(méi)維護(hù)了,問(wèn)題很多,且解析出來(lái)的樣式不是特別美觀」,而是選擇了towxml「支持markdown和html,解析較為全面,樣式美觀,支持云端解析,但是體積有點(diǎn)大」
關(guān)于使用
如果你有公眾號(hào),可以參考以下步驟進(jìn)行配置。
首先到github上下載對(duì)應(yīng)的源碼「源碼地址在文末」。
通過(guò)微信開(kāi)發(fā)者工具進(jìn)行加載。
然后登陸到云開(kāi)發(fā)控制臺(tái),若沒(méi)有開(kāi)通可根據(jù)提示進(jìn)行開(kāi)通:

切換至云數(shù)據(jù)庫(kù)新增access_token和mini_posts兩個(gè)集合。

右擊上傳所有的云函數(shù):

配置公眾號(hào)的AppId和AppSecret,可以去你的公眾號(hào)設(shè)置中找到,用于同步你的公眾號(hào)文章。

配置完成后可以手動(dòng)執(zhí)行一次adminService這個(gè)云函數(shù),正常情況下文章會(huì)同步至云數(shù)據(jù)庫(kù)中。
或者右擊adminService函數(shù),上傳對(duì)應(yīng)的觸發(fā)器,等待函數(shù)自動(dòng)觸發(fā)進(jìn)行同步。
不出意外的話,小程序就可以正常展示了:

最后
目前只是完成了最簡(jiǎn)單的文章展示,后面會(huì)慢慢迭代,將博客中該有的功能進(jìn)行補(bǔ)全。
