https://github.com/themisir/flutter-network-logger

Network logger with well designed user interface to inspect network traffic logs. Included with Dio interceptor.
https://github.com/themisir/flutter-network-logger

dart dio flutter flutter-logging logging traffic-monitoring

Last synced: 5 days ago
JSON representation

Network logger with well designed user interface to inspect network traffic logs. Included with Dio interceptor.

• Host: GitHub
• URL: https://github.com/themisir/flutter-network-logger
• Owner: themisir
• License: apache-2.0
• Created: 2020-09-30T22:36:08.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2023-05-21T18:46:18.000Z (over 1 year ago)
• Last Synced: 2024-08-22T23:19:22.040Z (3 months ago)
• Topics: dart, dio, flutter, flutter-logging, logging, traffic-monitoring
• Language: Dart
• Homepage: https://pub.dev/packages/network_logger
• Size: 341 KB
• Stars: 24
• Watchers: 2
• Forks: 20
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Network Logger

Network logger with well designed user interface to inspect network traffic logs. Included with Dio interceptor. You can start and inspect traffic just by writing [2 lines](https://github.com/TheMisir/flutter-network-logger/blob/master/example/lib/main.dart#L30-L31) of code.

## 📷 Screenshots

|Log feed|Log details|

|:-:|:-:|

|||

## 🚀 Getting Started!

You are 3 steps ahead from viewing http traffic logs on well designed GUI.

### 1. Install **network_logger**.

Check [this guide](https://pub.dev/packages/network_logger/install) to install **network_logger** to your flutter project.

### 2. Add `DioNetworkLogger` interceptor to dio client.

**network_logger** comes with [Dio](https://pub.dev/packages/dio) interceptor which will intercept traffic from Dio client. Other package implementations coming soon.

```dart

var dio = Dio();

dio.interceptors.add(DioNetworkLogger());

```

### 3. Attach network logger overlay button to UI.

The easiest way to access Network Logger UI is using `NetworkLoggerOverlay` which will display floating action button over all screens. You can also implement custom scenarios to open UI with different actions.

```dart

@override

void initState() {

  NetworkLoggerOverlay.attachTo(context);

  super.initState();

}

```