Flutter_学习记录_iOS 模拟器用Charles抓包

news/2025/2/25 8:32:34

参考文章：
Flutter 使用Charles软件抓包

1. 前言

Flutter应用网络请求调试一直是业内难题，原因在于Dart语言标准库的网络请求不会走Wi-Fi代理，常规通过配置Wi-Fi代理来抓包的方式行不通。这给我们日常开发测试造成了很大的阻碍，严重降低工作效率。

2. 抓包解决方案

2.1 安装抓包工具`Charles`

请参考这个文章：charlse抓包和Mock数据

2.2 模拟器设置代理

首先，设置Charles允许抓包电脑数据，如下图设置：
在这里插入图片描述
其次，安装模拟器证书，如下图：

第三，打开模拟器的safari, 输入http://chls.pro/ssl, 安装证书，然后在模拟器的设置->通用->关于本机->证书信任设置，打开Charles的证书信任：

2.3 代码设置代理

通过如下步骤，查看本地网络的代理端口：
在这里插入图片描述
记住这个数据：

在代码中配置网络转发的端口, 我是在第一次网络请求的页面中配置的，代码如下：

import 'package:flutter/material.dart';
// 网络请求
import 'package:dio/dio.dart';
import 'package:dio/io.dart';

class HomePage extends StatefulWidget {
  const HomePage({super.key});

  @override
  State<HomePage> createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {

  final dio = Dio();
  
  @override
  void initState() {
    super.initState();

    // TODO: --设置代理的地方，等待删除
     (dio.httpClientAdapter as DefaultHttpClientAdapter).onHttpClientCreate = (client) { 
          client.findProxy = (uri) {
            return 'PROXY 192.168.1.4:8888';
          };
     };
    // 获取轮播图的数据
    _getSwipterDataRequest();
    // 获取猜你喜欢的数据
    _getGuessYouLikeDataRequest();
  }
}

2.4代码解读

其中发挥作用的是，这几句代码：

final dio = Dio();
    // TODO: --设置代理的地方，等待删除
     (dio.httpClientAdapter as DefaultHttpClientAdapter).onHttpClientCreate = (client) { 
          client.findProxy = (uri) {
            return 'PROXY 192.168.1.4:8888';
          };
     };