Flutter日志管理与网络请求插件flutter_loggy_dio的使用

flutter_loggy_dio 是一个扩展了 loggy 的插件，专门用于在Flutter应用中管理和记录Dio网络请求的日志。通过这个插件，开发者可以方便地查看和调试网络请求的过程和结果。

安装插件

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

dependencies:
  flutter:
    sdk: flutter
  dio: ^4.0.0
  flutter_loggy_dio: ^1.0.0
  loggy: ^1.0.0

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

初始化Loggy

在应用启动时初始化 Loggy，并设置一个日志打印机（如 PrettyPrinter）来格式化输出的日志信息：

import 'package:dio/dio.dart';
import 'package:flutter_loggy_dio/flutter_loggy_dio.dart';
import 'package:loggy/loggy.dart';

void main() async {
  Loggy.initLoggy(logPrinter: PrettyPrinter());
  runApp(MyApp());
}

使用Dio进行网络请求

接下来，创建一个 Dio 实例，并添加 LoggyDioInterceptor 到拦截器列表中。这将使得所有的网络请求都会被记录下来：

final Dio dio = Dio();
dio.interceptors.add(LoggyDioInterceptor());

// 示例：发起一个GET请求
await dio.get('https://infinum.com');

完整的示例代码如下：

import 'package:dio/dio.dart';
import 'package:flutter/material.dart';
import 'package:flutter_loggy_dio/flutter_loggy_dio.dart';
import 'package:loggy/loggy.dart';

void main() async {
  // 初始化Loggy
  Loggy.initLoggy(logPrinter: PrettyPrinter());

  final Dio dio = Dio();

  // 添加LoggyDioInterceptor以记录网络请求
  dio.interceptors.add(LoggyDioInterceptor());

  runApp(MyApp(dio: dio));
}

class MyApp extends StatelessWidget {
  final Dio dio;

  MyApp({required this.dio});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Loggy Dio Example',
      home: MyHomePage(dio: dio),
    );
  }
}

class MyHomePage extends StatefulWidget {
  final Dio dio;

  MyHomePage({required this.dio});

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  String _response = '';

  void _fetchData() async {
    try {
      Response response = await widget.dio.get('https://jsonplaceholder.typicode.com/posts/1');
      setState(() {
        _response = response.data.toString();
      });
    } catch (e) {
      setState(() {
        _response = 'Error occurred: $e';
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Loggy Dio Example'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            ElevatedButton(
              onPressed: _fetchData,
              child: Text('Fetch Data'),
            ),
            SizedBox(height: 20),
            Text(_response),
          ],
        ),
      ),
    );
  }
}

在这个示例中，我们创建了一个简单的Flutter应用程序，其中包含一个按钮，点击后会发起一个网络请求，并显示请求的结果。所有网络请求的日志都将通过 LoggyDioInterceptor 自动记录和输出。

通过这种方式，您可以轻松地在Flutter应用中实现网络请求的日志管理和调试功能。