flutterplugin/dio_log

dio_log

pub package

English | 中文

Description

HTTP Inspector tool for Dart which can debugging http requests. Currently, DIO based HTTP capture is implemented. Of course, you can implement an Interceptor instead of a DiologInterceptor to adapt to other HTTP clients.

Installation

Add this to your package's pubspec.yaml file:

dependencies:
  dio_log: 5.3.0+1

Usage

1. Set interceptor of dio:

dio.interceptors.add(DioLogInterceptor());

2. Add a global hover button on your home page:

// Display overlay button
showDebugBtn(context, btnColor: Colors.blue);
// Cancel overlay button
dismissDebugBtn();
// Check overlay button state
debugBtnIsShow()

3. Or open log list manually:

Navigator.of(context).push(
  MaterialPageRoute(
    builder: (context) => HttpLogListWidget(),
  ),
);

Configuration

// Sets the maximum number of entries for logging
LogPoolManager.getInstance().maxCount = 100;
// Add custom error detection
LogPoolManager.getInstance().isError = (res) => res.resOptions==null;
// Disable Log Printing
DioLogInterceptor.enablePrintLog = false;

Screenshots

https://raw.githubusercontent.com/flutterplugin/dio_log/develop/images/log_list.jpg https://raw.githubusercontent.com/flutterplugin/dio_log/develop/images/log_request.jpg https://raw.githubusercontent.com/flutterplugin/dio_log/develop/images/log_response.jpg https://raw.githubusercontent.com/flutterplugin/dio_log/develop/images/log_filter.jpg

Demo

gif