首先,今天正月十五,元宵節快樂 ~
1. FlutterUnit 後端支援
FlutterUnit 經過 10 個月的不斷迭代功能,如今已經從一個單擊應用
逐漸 網路化
,FlutterUnit 也終於有了自己的後端服務 flutter_unit_server
。後端由 SpringBoot 框架搭建,目前已實現 使用者系統
、郵箱驗證
、JWT 驗證
、要點資料
、收藏夾同步
功能。目前該服務平穩地執行在我的小破伺服器裡。
FlutterUnit 目前版本 1.5.0,可以在 FlutterUnit 相關介紹中下載,增加了如下功能:
- 使用者註冊和登入
- 使用者 token 驗證,及 token 的持久化
- 使用者收藏集資料上傳到伺服器,並根據伺服器資料進行同步
- 本地資料庫恢復預設收藏夾資料
2. FlutterUnit 內測開啟
其實一開始就很想支援 收藏夾同步
,但在此之前必須有一個使用者系統。憑藉著我這微薄的後端功底,終於打磨出來了。如下是使用者登入和註冊介面,目前使用者系統處於內測其間,暫時不對外開放。會先在群中進行內部測試,除了內部測試之外,我也提供了一個公開使用者:使用者名稱 張風捷特烈
,密碼 111111
,以便收藏集功能體驗。
使用者登入 | 使用者註冊 |
---|---|
3.收藏集同步
收藏集同步
按鈕只會在登入後顯示,預設情況下是沒有的。分為兩個按鈕,左邊是 上傳資料
,上傳資料後,該使用者的收藏集資訊會被記錄到伺服器中。 右邊是 同步資料
,會從伺服器中獲取該使用者的收藏資訊,進行資料同步。這樣,當你重新下載 FlutterUnit
時,你的收藏集就不會弄丟了。
如下依次操作是 上傳資料
、刪除測試
、資料同步
。在上傳資料後,你對 本地收藏集
進行的操作,通過 資料同步
都可以恢復。這裡同步狀態的只通過一個按鈕來表現,loading
、success
、error
、none
都會有各自的表現,關於這些,以後有機會再細說。
上傳資料 | 刪除測試 | 資料同步 |
---|---|---|
不止是收藏集,同步的資料也會對 珍藏元件
進行備份與同步。珍藏元件也就是 item 上有收藏標識的元件,可以理解為預設收藏集,其實 收藏集完成後,我一直覺得它挺多餘,不過又不忍心去掉。
珍藏元件 | 珍藏元件的標籤 |
---|---|
4.收藏集的操作
FlutterUnit 中的收藏集是可以隨意刪除
、修改
、新建
的。在同步之後,這些收藏的資料將會被固化在伺服器中。以後也有望在多個平臺中共享
,也就是一份資料,多端共享。畢竟 FlutterUnit 的目標是全平臺的,如今已經有 macos
/windows
/android
/web
/ios
五個版本,桌面版的功能在後期會逐漸同步。
新建收藏集 | 同步收藏集 |
---|---|
在收藏集詳情中可以通過 右滑
移除某個元件,或在 Widget
詳情頁中,為某個元件設定所屬收藏集。這些收藏集的操作都可以通過 上傳/同步
進行服務端持久化。媽媽再也不用擔心我的收藏集資料沒有了~
右滑刪除 | 設定元件收藏情況 |
---|---|
5.恢復預設收藏
FlutterUnit 中預設會給出一些收藏集,如果你自己把收藏集弄亂了,想要恢復到預設提供的收藏集,可以刪除所有的收藏集,會發現恢復的按鈕。
除此之外,你還可以在資料管理
中進行相關操作。同樣 備份和同步
的功能,只有在登入後才會出現。
右滑刪除 | 設定元件收藏情況 |
---|---|
6.token 的持久化
後臺是使用 JWT
驗證的,為了避免每次進入都要登入,目前將 token 固化在 xml 中,在 FlutterUnit 開啟時進行驗證操作,關於使用者驗證的邏輯集中在 AuthenticBloc
。
7.FlutterUnit 展望
FlutterUnit 如今已經集錄了 311
個 Flutter 原生組價,如今收藏夾的同步功能完成,大家可以隨意地對這些元件進行自己的分類收藏。有了後端的支援,FlutterUnit 就可以有更廣闊的發展方向,比如:
- 元件資料的線上化,本地資料庫作為快取。
- 使元件可以進行的使用者評論,將開發者真正的 Unit 。
- 元件屬性的集錄,並暴露相關介面,提供 flutter 元件資訊公開 API 。這個工作量過於龐大,我一人很難完成,後面可能會做一個元件屬性管理網站,可以全民編輯,共同集錄。
- 一些使用者系統的功能完善。
- 為 FlutterUnit 打造一個小官網。
FlutterUnit 也維護了 10個月之久,2.9 K 的星星也可以讓我小小的驕傲一下,謝謝大家的支援,FlutterUnit 的目標是星辰大海,早晚有一天,FlutterUnit 將成為真正的 FlutterUnit
,而非我一人的 FlutterUnit
。
Github 專案地址: github.com/toly1994328… ,謝謝支援 ~
@張風捷特烈 2021.02.26 未允禁轉
我的公眾號:程式設計之王
聯絡我--郵箱:1981462002@qq.com -- 微信:zdl1994328
~ END ~