用 `alice` 来检查 Flutter 中的 HTTP 调用

JarvanMo2025-09-18 9:49

欢迎关注我的公众号：OpenFlutter，感恩

软件包 ：alice

在你的 Flutter 应用中调试网络行为变得容易多了。Alice 是一个实时 HTTP 检查器，它让你可以在应用内部就能看到每一个请求的细节。

Alice 是什么？

Alice 是一个 Flutter 软件包，它能捕获并以用户友好的界面展示 HTTP 请求和响应。它支持主流的 Dart HTTP 客户端------比如 dio、Dart 自带的 HttpClient、http 包，以及 chopper，甚至也支持通用的处理程序。它的灵感来源于原生 Android 开发中使用的 Chuck 和 Chucker 这类工具。

为什么使用 alice？

应用内检查： 无需离开你的应用，就能查看请求、响应、头部信息、状态码等等。
支持多种 HTTP 客户端： 无论你用的是 dio、http 还是 chopper，Alice 都能兼容。
方便的 UI 触发方式： 可以通过摇动设备或通知浮层来打开检查器。
丰富的功能： 可以搜索捕获的请求、查看统计信息、日志，甚至保存数据以供日后查看。

安装与设置

1. 添加到 pubspec.yaml：

yaml 复制代码

dependencies:
  alice: ^0.4.2

2. 在你的app中初始化：

dart 复制代码

import 'package:alice/alice.dart';

final alice = Alice(
  showNotification: true,
  showInspectorOnShake: true,
);

3. 附加导航键：

dart 复制代码

MaterialApp(  
navigatorKey: alice.getNavigatorKey(),  
// ...  
);

4. 关联你的 HTTP 客户端：

用 Dio：

dart 复制代码

dio.interceptors.add(alice.getDioInterceptor());

用 http 包或 HttpClient：

使用 onHttpResponse() 或扩展方法来捕获请求。

实际用例

通过实时网络日志，快速调试那些 API 调用多的界面。
在 QA 测试期间记录请求------自己打开 Alice 就能看到到底发生了什么。
无需借助外部工具，就能检查认证流程、错误响应或有效载荷的格式。

最后的想法

有了 Alice，你无需离开自己的应用，就能了解网络逻辑是如何运行的。它就像是把 Charles 或 Postman 内置到了你的 Flutter 应用中，专为开发者量身打造。如果你经常处理 API，这个工具能为你省去无数次猜测和手动记录日志的时间。

告别猜测------用 Alice 实时洞察 HTTP 行为。