flutter_bloc_devtools

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

flutter_bloc_devtools ermöglicht die Ferndebugging von Bloc-Zuständen in Flutter-Anwendungen, indem alle Bloc-Instanzen mit einem DevTools-Server verbunden werden. Dadurch können Entwickler Zustandsänderungen überprüfen, Übergänge verfolgen und Bloc-Logik zur Laufzeit in Echtzeit debuggen. Das Paket integriert sich nahtlos in das Flutter DevTools-Ökosystem und bietet Einblick in das Bloc-Verhalten, ohne dass eine lokale Debugging-Einrichtung erforderlich ist. Es ist besonders nützlich bei komplexen Zustandsverwaltungsszenarien, bei denen das Verständnis des Zustandsflusses entscheidend ist.

Anwendungsfälle

Echtzeit-Zustandsüberprüfung während der Entwicklung
Debugging komplexer Zustandsübergänge
Remote-Debugging über mehrere Geräte
Überwachung des Blockverhaltens in produktionsähnlichen Umgebungen
kollaborative Debug-Sitzungen

Hauptmerkmale

Verbindet alle Bloc-Instanzen mit einem remote DevTools-Server
Bietet Echtzeit-Statusänderungsverfolgung
Integration mit Flutter DevTools
Unterstützt die Remote-Debugging-Funktion ohne lokale Einrichtung
Aktiviert die Visualisierung von Bloc-Ereignissen und -Zuständen

Geeignet für

Entwickler, die mit komplexer Zustandsverwaltung arbeiten
Teams, die an state-intensiven Anwendungen zusammenarbeiten
Testen und Debuggen in verteilten Umgebungen
Apps, die eine detaillierte Zustandsüberwachung erfordern

Hinweise

Benötigt einen laufenden DevTools-Server
Nicht für den Produktiveinsatz vorgesehen
Kann bei hochfrequenten Statusaktualisierungen Latenz verursachen
Beschränkt auf Flutter-Projekte, die flutter_bloc verwenden
Benötigt Netzwerkverbindung für den Remote-Zugriff

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

Remote Devtools for flutter_bloc

Remote Devtools support for Blocs of flutter_bloc.

N.B. Cubit is not supported

Installation

Add the library to pubspec.yaml:

dependencies:
  flutter_bloc_devtools: ^0.1.0

BlocObserver configuration

Add RemoteDevToolsObserver to your Bloc.observer:

void main() async {
  final observer = RemoteDevToolsObserver('192.168.1.7:8000');
  await observer.connect();
  Bloc.observer = observer;

  runApp(const CounterApp());
}

Making your Events and States Mappable

Events and States have to implements Mappable:

class CounterState extends Equatable implements Mappable {
  final int counter;

  const CounterState({
    this.counter,
  });

  @override
  List<Object> get props => [
        counter,
      ];

  @override
  Map<String, dynamic> toMap() => {
        'counter': counter,
      };
}

Using remotedev

Use the Javascript Remote Devtools package. Start the remotedev server on your machine

npm install -g remotedev-server
remotedev --port 8000

Run your application. It will connect to the remotedev server. You can now debug your flutter_bloc application by opening up http://localhost:8000 in a web browser.

Pakete, Repositories und App-Kategorien suchen

Paket installieren