TLWR: 漫漫长路

the_long_winding_road

演示视频

Watch the video

我们试图解决的问题

在服务体验中,用户有时会遇到实现目标的长长且曲折的过程。

作为服务开发者和提供者,我们需要了解用户如何受到复杂路由连接的困扰,以及如何改进路由连接。

我们提供什么

TLWR (The Long and Winding Road) 为基于 Flutter 的服务提供了一个路由行为收集工具和路由路径的可视化动态过渡。

我们希望服务所有者能够获得用户行为的有用见解,并了解需要进行哪些修改来改进服务。

这是工作站点的链接:https://tlwr.netlify.app。快来看看吧,我们让前端尽可能直观,让新用户能够轻松上手,并准备了一个带有预录制路由行为的演示账户。

团队

工作原理

Supabase 在如此短的时间内帮助我们完成了这个项目。以下是我们如何利用其功能高效地部署我们的服务。

  1. 当用户注册时,TLWR 会使用 Supabase 认证服务发送确认邮件。
  2. 我们提供了 TLWR 路由观察器。此观察器将用户页面路由行为的日志发送到我们的 API 服务器(基于 Supabase 数据库)。
  3. 页面节点和路由边存储在 Supabase 数据库中,用于可视化页面网络。

前端网站根据用户访问和路由到其他页面的频率和时长,可视化运行中的 Flutter 服务的页面网络。

如何使用 TLWR 观察器

final _logger = TLWRLogger.initialize(id: PROJECT_ID);
final _observer = TLWRObserver.initialize(tlwrLogger: _logger);
void main() {
  runApp(MaterialApp(
    home: Container(),
    navigatorObservers: [_observer],
  ));
}

GitHub

查看 Github