Dio Requests Inspector

A HTTP inspector for Dio, which can intercept and log HTTP requests and responses.



ss

Features

  • X Intercept and log HTTP requests and responses
  • X Secure HTTP requests with passwords
  • X Filter logs by request time, method, and status
  • X Search logs by path
  • X Easily share request and response data
  • X Beautify JSON data
  • X Image support for responses
  • X Response body searching
  • X Summary flag support
  • X Copy to cURL
  • X Beautiful user interface

How to use

  • Add the package with command
flutter pub add dio_request_inspector
  • Create and configure DioRequestInspector instance
final DioRequestInspector inspector = DioRequestInspector(
  isInspectorEnabled: true,
  password: '123456', // optional, remove if you don't need password
  showSummary: true, // optional, default is true
);
  • add interceptor to your Dio instance
dio.interceptors.add(inspector.getDioRequestInterceptor());
  • Wrap your myApp with DioRequestInspectorMain
void main() {
  WidgetsFlutterBinding.ensureInitialized();
  runApp(
    DioRequestInspectorMain(
      inspector: inspector,
      child: const MyApp(),
    ),
  );
}
  • add navigatorObservers to your MaterialApp
navigatorObservers: [
  DioRequestInspector.navigatorObserver,
],

Usage

Show Inspector UI

You can open the DioRequestInspector in two ways:

  1. Long press on your screen to show DioRequestInspector UI (if using DioRequestInspectorMain)

  2. Programmatically call:

inspector.goToInspector();

Parameters

  • isInspectorEnabled - Enable or disable the inspector (required)
  • password - Optional password protection for the inspector
  • showSummary - Show summary view (default: true)

Example

See the example directory for a complete working example.