Flutter中Dio动态设置Http代理IP和端口

前言：在Flutter开发中网络框架一般都是使用的Dio，Dio网络框架还是挺好用的，唯一不好的是啥呢？如果我们要通过Fiddler或者Charles进行抓包的话，它不能像原生App那样，直接在wifi > 高级设置 > 设置手动代理之后就可以抓包了。Dio这玩意儿，它还得在代码中写死代理的ip和端口号。那那那.... 这便利性就大打折扣了，每次别人要抓包就得给它改一下，手动装一个？

一、彩蛋上场

这问题，一开始就有。因为忙着忙着也没管。后来发现还是很有需要灵活修改代理ip和端口号的。所以得处理一波了。

因为本身做Android出身，就草船借鉴了下Android里的设置点个8下，进入开发者模式的套路。看到这，系不系心如明镜般？哈哈~ 摸着Android过河也是可以的。

二、方案有了，安排

解决方案有了：

• 1. 在Profile设置页，某个选项或者空白页，点击20次？10次？进入设置Http代理页面。
• 2. 因为这功能针对开发者，或者测试人员有效，可以设置下环境，testing或者live环境不开。

1. 添加点击跳转Http代理页面逻辑

我们设置了20次，点点点吧，减小误触几率。

class ProfilePage extends StatelessWidget {
  int clickCount = 0;
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return GestureDetector(
            onTap: () => _configProxyPage(context),
            child: SettingsWidget(() {
              clickCount = 0;
            }
        )
    );
  }

  void _configProxyPage(BuildContext context) {
    clickCount ++;
    int skipCount = 20;
    if(clickCount == skipCount) {
      clickCount = 0;
      Navigator.push(context, 
        MaterialPageRoute(
          builder: (context){
            HttpProxyPage();
          }
        )
      );
    }

  }
}

2. 填写ip和端口号，提交后重置Dio单例。

这个Http代理填写IP和端口号的页面，可以新开一个，就是两个输入框，点Submit后，重置Dio实例，并把代理设置给HttpClient。

UI粗糙了点，无所谓了，功能实现就行了，^_^

void _saveProxy(BuildContext context) async {
1. HttpRequest是我自己的一个封装Dio单例的类
    dio = await HttpRequest().initDio();

    String proxy = "PROXY ${ipController.text}:${portController.text}";

    (dio?.httpClientAdapter as DefaultHttpClientAdapter).onHttpClientCreate =
        (client) {
      client.findProxy = (url) {
        return proxy;
      };

      //Trust certificate for https proxy
      client.badCertificateCallback = (cert, host, port){
        return true;
      };
      return client;
    };
    HttpRequest().setDio = dio;
    Navigator.pop(context);
  }

这里需要注意的是，如果你这里重置了client.findProxy，那么一定要重新实例化Dio实例，不然不生效。这一点也可以在源码中得到印证.

1. io_adapter.dart
  HttpClient _configHttpClient(Future cancelFuture, int connectionTimeout) {
    ..
    if (cancelFuture != null) {
    ...
    2. Dio实例第一次初始化的时候会实例化_defaultHttpClient，
       第二次，如果重置代理onHttpClientCreate的话，并不会进入到这个代码块中
    } else if (_defaultHttpClient == null) {
      ...
      if (onHttpClientCreate != null) {
        _defaultHttpClient =
            onHttpClientCreate(_defaultHttpClient) ?? _defaultHttpClient;
      }
      _defaultHttpClient.connectionTimeout = _connectionTimeout;
    }
    return _defaultHttpClient;
  }

三、结语

^_^，这就搞完了。还挺简单的。但是确实解决了很大的问题，也很灵活。大家自行拿去试试吧。