FlutterUnit 內測開啟,收藏集同步功能上線

張風捷特烈發表於2021-02-26

首先,今天正月十五,元宵節快樂 ~


1. FlutterUnit 後端支援

FlutterUnit 經過 10 個月的不斷迭代功能,如今已經從一個單擊應用 逐漸 網路化,FlutterUnit 也終於有了自己的後端服務 flutter_unit_server 。後端由 SpringBoot 框架搭建,目前已實現 使用者系統郵箱驗證JWT 驗證要點資料收藏夾同步 功能。目前該服務平穩地執行在我的小破伺服器裡。


FlutterUnit 目前版本 1.5.0,可以在 FlutterUnit 相關介紹中下載,增加了如下功能:

  • 使用者註冊和登入
  • 使用者 token 驗證,及 token 的持久化
  • 使用者收藏集資料上傳到伺服器,並根據伺服器資料進行同步
  • 本地資料庫恢復預設收藏夾資料

2. FlutterUnit 內測開啟

其實一開始就很想支援 收藏夾同步,但在此之前必須有一個使用者系統。憑藉著我這微薄的後端功底,終於打磨出來了。如下是使用者登入和註冊介面,目前使用者系統處於內測其間,暫時不對外開放。會先在群中進行內部測試,除了內部測試之外,我也提供了一個公開使用者:使用者名稱 張風捷特烈,密碼 111111 ,以便收藏集功能體驗。

使用者登入使用者註冊

3.收藏集同步

收藏集同步 按鈕只會在登入後顯示,預設情況下是沒有的。分為兩個按鈕,左邊是 上傳資料,上傳資料後,該使用者的收藏集資訊會被記錄到伺服器中。 右邊是 同步資料,會從伺服器中獲取該使用者的收藏資訊,進行資料同步。這樣,當你重新下載 FlutterUnit 時,你的收藏集就不會弄丟了。

如下依次操作是 上傳資料刪除測試資料同步。在上傳資料後,你對 本地收藏集 進行的操作,通過 資料同步 都可以恢復。這裡同步狀態的只通過一個按鈕來表現,loadingsuccesserrornone 都會有各自的表現,關於這些,以後有機會再細說。

上傳資料刪除測試資料同步

不止是收藏集,同步的資料也會對 珍藏元件 進行備份與同步。珍藏元件也就是 item 上有收藏標識的元件,可以理解為預設收藏集,其實 收藏集完成後,我一直覺得它挺多餘,不過又不忍心去掉。

珍藏元件珍藏元件的標籤

4.收藏集的操作

FlutterUnit 中的收藏集是可以隨意刪除修改新建的。在同步之後,這些收藏的資料將會被固化在伺服器中。以後也有望在多個平臺中共享,也就是一份資料,多端共享。畢竟 FlutterUnit 的目標是全平臺的,如今已經有 macos/windows/android/web/ios 五個版本,桌面版的功能在後期會逐漸同步。

新建收藏集同步收藏集
新增收藏集2

在收藏集詳情中可以通過 右滑 移除某個元件,或在 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 ~

相關文章