注:升級版本請移步:http://www.cnblogs.com/mcmurphy/p/5934993.html
從五月初開始,中間抽出斷斷續續的業余時間,基於react-native,在博客園現有開放接口的基礎上,實現了一個博客園手機客戶端。由於博主沒有ios開發環境,所以當前僅適配了android版本。出於學習和實踐react-native的目的,UI呈現這一塊完全憑自己所好,bug也有一些,更多是希望拋磚引玉,讓大家感受到react/react-native為移動端開發帶來的全新視覺和可能性。
一,相關鏈接
1,react-native
https://github.com/facebook/react-native
2,code-push
http://microsoft.github.io/code-push/
2,博客園開放接口
http://wcf.open.cnblogs.com/blog/help
http://wcf.open.cnblogs.com/news/help
二,基本功能
1,首頁博文列表、排行列表、新聞列表。
2,博文詳情、新聞詳情。
3,博文評論、新聞評論。
4,博主搜索、博主詳情。
三,運行效果
部分截圖如下:
首頁
博文詳情
博文評論
搜索結果
博主詳情
四,體驗包及代碼
apk:https://www.pgyer.com/cnblogs
github:https://github.com/togayther/react-native-cnblogs
五,特別說明
1,找了很久都沒有找到博客園對應不同分辨率的logo圖片資源。有資源的園友麻煩提供一下。
2,客戶端集成了code-push。啟動的時候,會請求接口檢查更新,請不要誤會這是開了什么后門。
3,由於博客園官方開放的接口響應數據格式為xml,不方便js處理,因此用php搭建代理轉換為json返回。
六,存在的問題
1,博文詳情頁面,圖片渲染的屏幕自適應。react-native 0.28 版本發布后,可解決。
2,博文詳情頁面,圖片加載進度提示。
2,博文詳情頁面,內容渲染格式美化及完善。
3,code-push 偶爾會出現更新后不及時顯示的問題。
4,內存占用優化。
5,打包文件體積優化。
6,ios 適配。
七,關於博客園
個人感覺博客園的人氣及用戶活動度,比起幾年前,是有很大程度的下滑的。比如當年的吉日,高質高產,能讓人學到很多東西,但就因為有一些商業化的思路,就被一些人各種噴,最后就隱身了。后來的lyj、老趙一大批名流,也不再拋頭露面露面,一定程度上導致博文質量及爭議性下降,用戶參與度降低。這幾年的移動端浪潮,博客園在這方面可以說基本上是0動作。再加上這個時代變了,很多人都追求快速的娛樂化信息,不再能靜下心來研究技術性文章。比如dudu有一天在首頁發了一條園友都能看到的動態,說辦公室新來了一個妹子,肯定很多平時潛水的都會冒出來,問這個妹子芳齡幾何,你倆是不是有一腿...唉,這是最好的時代,也是最壞的時代。
以下是個人感覺博客園開放接口可完善的地方:
1,接口響應數據格式,當前為xml。可增加json格式。畢竟現在json格式應用更加廣泛。
2,接口返回的博主頭像尺寸偏小。當前尺寸為 48 * 48,在高分辨率的手機上,設置較大的頭像顯示,效果非常模糊。
3,新增博主詳情接口。
4,當前“分頁獲取個人博客文章列表”的接口,不太穩定。比如搜索接口返回的博主,調用這個接口無返回。
5,博文詳情接口,不太穩定。比如通過“分頁獲取個人博客文章列表”返回的博文列表,詳情接口無數據返回。
6,建議博客園增加掃描二維碼登錄的相關接口。
最后,歡迎大家下載體驗。有任何問題,可在博文下方留言,或至以下鏈接反饋:
https://github.com/togayther/react-native-cnblogs/issues
謝謝。