Flutter 中 HTTP 请求抓包解决方案

Android

2023-09-24 19:18:25

Flutter 中使用 Charles 或 Fiddler 抓取 HTTP 请求的全面指南

问题：Flutter 中的 HTTP 请求为何无法抓取？

在 Flutter 应用开发中，使用 Charles 和 Fiddler 等工具进行 HTTP 请求抓包对于调试和分析网络行为至关重要。然而，一些用户发现无法使用这些工具捕获 Flutter 中的请求。

原因在于 Flutter 应用默认使用虚拟机 (VM) 进行网络通信。在 VM 中运行的应用程序无法直接访问设备的网络配置，因此无法将流量路由到外部代理服务器，导致无法抓取请求。

解决方案：如何配置代理服务器进行抓包？

解决此问题的关键是为 Flutter 应用程序配置一个代理服务器，使应用程序能够将流量重定向到代理。有两种主要方法：

使用 HTTP 代理库

可以通过使用诸如 flutter_proxy 和 dio_proxy 之类的第三方库来配置代理服务器。这些库提供了一个简单的 API，用于设置代理服务器的地址和端口，并将其应用于应用程序的 HTTP 请求。

手动配置网络堆栈

也可以手动配置 Flutter 的网络堆栈以使用代理服务器。以下是步骤：

打开应用程序的 main.dart 文件。
在 main() 函数中，添加以下代码：

HttpOverrides.global = new MyHttpOverrides();

class MyHttpOverrides extends HttpOverrides {
  @override
  HttpClient createHttpClient(SecurityContext context) {
    final HttpClient client = super.createHttpClient(context);
    // 设置代理服务器的地址和端口
    client.findProxy = (uri) {
      return "PROXY 127.0.0.1:8888";
    };
    return client;
  }
}

使用 Charles 或 Fiddler 设置代理服务器，并确保代理服务器在端口 8888 上运行。

代码示例：使用 flutter_proxy 库

import 'package:flutter_proxy/flutter_proxy.dart';

void main() async {
  // 设置代理服务器的地址和端口
  await FlutterProxy.setProxy("127.0.0.1", 8888);

  // ...其他代码
}