Flutter网络请求代理插件dio_proxy_plugin的使用

Flutter网络请求代理插件dio_proxy_plugin的使用

dio_proxy_plugin

dio_proxy_plugin 是一个用于 Flutter 应用的网络请求代理插件。通过该插件，你可以在应用中配置 HTTP 代理，以便于进行网络调试或绕过某些网络限制。

安装

首先，在你的 pubspec.yaml 文件中添加依赖：

dependencies:
  dio_proxy_plugin: x.x.x # latest version

然后运行 flutter pub get 来安装依赖。

使用

以下是一个完整的示例，展示了如何在 Flutter 应用中使用 dio_proxy_plugin 插件来设置 HTTP 代理，并进行网络请求。

import 'dart:async';

import 'package:dio/dio.dart';
import 'package:dio_proxy_plugin/dio_proxy_plugin.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  String _deviceProxy = '';

  Future<void> _setProxy() async {
    String deviceProxy = '';
    var dio = Dio()..options.baseUrl = 'https://httpbin.org/';

    if (!kReleaseMode) {
      try {
        deviceProxy = await DioProxyPlugin.deviceProxy;
      } on PlatformException {
        deviceProxy = '';
        print('Failed to get system proxy.');
      }
      if (deviceProxy.isNotEmpty) {
        var arrProxy = deviceProxy.split(':');
        final port = int?.tryParse(arrProxy[1]) ?? 8888;
        // 设置dio proxy
        var httpProxyAdapter =
            HttpProxyAdapter(ipAddr: arrProxy[0], port: port);
        dio.httpClientAdapter = httpProxyAdapter;
      }

      // 测试dio
      var response = await dio.get('/get?a=2');
      print(response.data);
      response = await dio.post('/post', data: {'a': 2});
      print(response.data);
    }

    if (!mounted) return;

    setState(() {
      _deviceProxy = deviceProxy;
    });
  }

  @override
  void initState() {
    super.initState();
    _setProxy();
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Plugin example app'),
        ),
        body: GestureDetector(
          onTap: () {
            _setProxy();
            print("set Proxy");
          },
          child: Center(
            child: Text('Device proxy: $_deviceProxy\n'),
          ),
        ),
      ),
    );
  }
}

代码解释

1. 导入必要的库：

   import 'dart:async';
   
   import 'package:dio/dio.dart';
   import 'package:dio_proxy_plugin/dio_proxy_plugin.dart';
   import 'package:flutter/foundation.dart';
   import 'package:flutter/material.dart';
   import 'package:flutter/services.dart';
   

2. 初始化应用：

   void main() {
     runApp(MyApp());
   }
   

3. 定义主应用状态类：

   class MyApp extends StatefulWidget {
     @override
     _MyAppState createState() => _MyAppState();
   }
   
   class _MyAppState extends State<MyApp> {
     String _deviceProxy = '';
   
     Future<void> _setProxy() async {
       String deviceProxy = '';
       var dio = Dio()..options.baseUrl = 'https://httpbin.org/';
   

4. 检查是否为发布模式：

       if (!kReleaseMode) {
         try {
           deviceProxy = await DioProxyPlugin.deviceProxy;
         } on PlatformException {
           deviceProxy = '';
           print('Failed to get system proxy.');
         }
   

5. 如果获取到了代理信息，则设置代理：

         if (deviceProxy.isNotEmpty) {
           var arrProxy = deviceProxy.split(':');
           final port = int?.tryParse(arrProxy[1]) ?? 8888;
           var httpProxyAdapter =
               HttpProxyAdapter(ipAddr: arrProxy[0], port: port);
           dio.httpClientAdapter = httpProxyAdapter;
         }
   

6. 进行网络请求测试：

         var response = await dio.get('/get?a=2');
         print(response.data);
         response = await dio.post('/post', data: {'a': 2});
         print(response.data);
       }
   

7. 更新UI：

       if (!mounted) return;
   
       setState(() {
         _deviceProxy = deviceProxy;
       });
     }
   
     @override
     void initState() {
       super.initState();
       _setProxy();
     }
   
     @override
     Widget build(BuildContext context) {
       return MaterialApp(
         home: Scaffold(
           appBar: AppBar(
             title: const Text('Plugin example app'),
           ),
           body: GestureDetector(
             onTap: () {
               _setProxy();
               print("set Proxy");
             },
             child: Center(
               child: Text('Device proxy: $_deviceProxy\n'),
             ),
           ),
         ),
       );
     }
   }