Flutter寫的部落格園使用者端

幾個月前在部落格園發帖說要用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