幾個月前在部落格園發帖說要用Flutter寫個客戶端，版本也在陸陸續續的迭代當中，軟體也日臻完善起來，想著就把它開源以作Flutter學習。
目前軟體已經上線Goolge Play: https://play.google.com/store/apps/details?id=com.huhx.cnblog 。感興趣的朋友可以自行下載
當前其實已經實現了部落格園的絕大部分功能，其中包含卻不限於：
- 首頁各類部落格的列表及詳情
- 部落格的評論以及點贊功能
- 各類新聞的瀏覽
- 快閃記憶體瀏覽以及評論
- 博問的瀏覽以及評論
- 我的資料以及動態
- 閱讀記錄的功能
Preview
| 部落格園首頁 | 新聞列表 | 博問列表 |
|---|---|---|
 |
 |
 |
| 快閃記憶體列表 | 我的 | 我的資料 |
|---|---|---|
 |
 |
 |
| 我的部落格 | 閱讀記錄 | 知識庫 |
|---|---|---|
 |
 |
 |
| 部落格內容 | 粉絲關注 | 官方部落格 |
|---|---|---|
 |
 |
 |
Packages
整個專案花了很長時間在部落格內容的適配上面，因為使用webview展示內容，大小不同的裝置適配起來還是有些吃力。軟體用到的技術如下
- 狀態管理: RiverPod
- Api請求：Dio和retrofit
- Splash screen：flutter_native_splash
- WebView: flutter_inappwebview
- UI effect: shimmer、badges、pull_to_refresh、fluttertoast、flutter_svg
SetUp
在啟動專案之前，需要在根目錄建立.env檔案。裡面包含部落格園的id和secret
clientId={{cnblog_client_id}}
clientSecret={{cnblog_secret_id}}
notRobotCookie=CfDJ8EOBBtWq0dNFoDS-ZHPSe51ATHuFFilG3imii1Hj5WZ-TAK98xT4mJquvSMlYdkzfVCmpAWdt1VyGSpqZ5Q8GulXT3q-Essgs3ttLCLRTzIqo0Klt-nZCkblG6ST2zI2Og
Github
附上github的連結：https://github.com/huhx/flutter-cnblog