likes
comments
collection
share

FlutterUnit 内测开启,收藏集同步功能上线

作者站长头像
站长
· 阅读数 12

首先,今天正月十五,元宵节快乐 ~


1. FlutterUnit 后端支持

FlutterUnit 经过 10 个月的不断迭代功能,如今已经从一个单击应用 逐渐 网络化,FlutterUnit 也终于有了自己的后端服务 flutter_unit_server 。后端由 SpringBoot 框架搭建,目前已实现 用户系统邮箱验证JWT 验证要点数据收藏夹同步 功能。目前该服务平稳地运行在我的小破服务器里。

FlutterUnit 内测开启,收藏集同步功能上线


FlutterUnit 目前版本 1.5.0,可以在 FlutterUnit 相关介绍中下载,增加了如下功能:

  • 用户注册和登录
  • 用户 token 验证,及 token 的持久化
  • 用户收藏集数据上传到服务器,并根据服务器数据进行同步
  • 本地数据库恢复默认收藏夹数据

2. FlutterUnit 内测开启

其实一开始就很想支持 收藏夹同步,但在此之前必须有一个用户系统。凭借着我这微薄的后端功底,终于打磨出来了。如下是用户登录和注册界面,目前用户系统处于内测其间,暂时不对外开放。会先在群中进行内部测试,除了内部测试之外,我也提供了一个公开用户:用户名 张风捷特烈,密码 111111 ,以便收藏集功能体验。

用户登录用户注册
FlutterUnit 内测开启,收藏集同步功能上线FlutterUnit 内测开启,收藏集同步功能上线

3.收藏集同步

收藏集同步 按钮只会在登录后显示,默认情况下是没有的。分为两个按钮,左边是 上传数据,上传数据后,该用户的收藏集信息会被记录到服务器中。 右边是 同步数据,会从服务器中获取该用户的收藏信息,进行数据同步。这样,当你重新下载 FlutterUnit 时,你的收藏集就不会弄丢了。

FlutterUnit 内测开启,收藏集同步功能上线

如下依次操作是 上传数据删除测试数据同步。在上传数据后,你对 本地收藏集 进行的操作,通过 数据同步 都可以恢复。这里同步状态的只通过一个按钮来表现,loadingsuccesserrornone 都会有各自的表现,关于这些,以后有机会再细说。

上传数据删除测试数据同步
FlutterUnit 内测开启,收藏集同步功能上线FlutterUnit 内测开启,收藏集同步功能上线FlutterUnit 内测开启,收藏集同步功能上线

不止是收藏集,同步的数据也会对 珍藏组件 进行备份与同步。珍藏组件也就是 item 上有收藏标识的组件,可以理解为默认收藏集,其实 收藏集完成后,我一直觉得它挺多余,不过又不忍心去掉。

珍藏组件珍藏组件的标签
FlutterUnit 内测开启,收藏集同步功能上线FlutterUnit 内测开启,收藏集同步功能上线

4.收藏集的操作

FlutterUnit 中的收藏集是可以随意删除修改新建的。在同步之后,这些收藏的数据将会被固化在服务器中。以后也有望在多个平台中共享,也就是一份数据,多端共享。毕竟 FlutterUnit 的目标是全平台的,如今已经有 macos/windows/android/web/ios 五个版本,桌面版的功能在后期会逐渐同步。

新建收藏集同步收藏集
FlutterUnit 内测开启,收藏集同步功能上线FlutterUnit 内测开启,收藏集同步功能上线

在收藏集详情中可以通过 右滑 移除某个组件,或在 Widget 详情页中,为某个组件设置所属收藏集。这些收藏集的操作都可以通过 上传/同步 进行服务端持久化。妈妈再也不用担心我的收藏集数据没有了~

右滑删除设置组件收藏情况
FlutterUnit 内测开启,收藏集同步功能上线FlutterUnit 内测开启,收藏集同步功能上线

5.恢复默认收藏

FlutterUnit 中默认会给出一些收藏集,如果你自己把收藏集弄乱了,想要恢复到默认提供的收藏集,可以删除所有的收藏集,会发现恢复的按钮。

FlutterUnit 内测开启,收藏集同步功能上线


除此之外,你还可以在数据管理中进行相关操作。同样 备份和同步 的功能,只有在登录后才会出现。

右滑删除设置组件收藏情况
FlutterUnit 内测开启,收藏集同步功能上线FlutterUnit 内测开启,收藏集同步功能上线

6.token 的持久化

后台是使用 JWT 验证的,为了避免每次进入都要登录,目前将 token 固化在 xml 中,在 FlutterUnit 开启时进行验证操作,关于用户验证的逻辑集中在 AuthenticBloc

FlutterUnit 内测开启,收藏集同步功能上线


7.FlutterUnit 展望

FlutterUnit 如今已经集录了 311 个 Flutter 原生组价,如今收藏夹的同步功能完成,大家可以随意地对这些组件进行自己的分类收藏。有了后端的支持,FlutterUnit 就可以有更广阔的发展方向,比如:

  • 组件数据的线上化,本地数据库作为缓存。
  • 使组件可以进行的用户评论,将开发者真正的 Unit 。
  • 组件属性的集录,并暴露相关接口,提供 flutter 组件信息公开 API 。这个工作量过于庞大,我一人很难完成,后面可能会做一个组件属性管理网站,可以全民编辑,共同集录。
  • 一些用户系统的功能完善。
  • 为 FlutterUnit 打造一个小官网。

FlutterUnit 也维护了 10个月之久,2.9 K 的星星也可以让我小小的骄傲一下,谢谢大家的支持,FlutterUnit 的目标是星辰大海,早晚有一天,FlutterUnit 将成为真正的 FlutterUnit ,而非我一人的 FlutterUnit

FlutterUnit 内测开启,收藏集同步功能上线

Github 项目地址: github.com/toly1994328… ,谢谢支持 ~


@张风捷特烈 2021.02.26 未允禁转 我的公众号:编程之王 联系我--邮箱:1981462002@qq.com -- 微信:zdl1994328 ~ END ~

转载自:https://juejin.cn/post/6933448146865520654
评论
请登录