Grafana Faro Flutter SDK

https://pub.dev/packages/faro

Admin

The Grafana Faro Flutter SDK enables real user monitoring (RUM) for mobile applications by...

Tokens:335

Snippets:2

Trust Score:9.9

Update:1 year ago

Show doc for...

Tokens:

Raw

### Initialize Grafana Faro Monitoring in Flutter App

Source: https://pub.dev/packages/faro/packages/faro

Example Dart code to initialize the Faro SDK within a Flutter application. This snippet demonstrates how to enable HTTP tracking, configure application details like name, version, environment, API key, and collector URL, and wrap the main application widget with Faro's monitoring components.

```Dart
HttpOverrides.global = FaroHttpOverrides(HttpOverrides.current); // enable HTTP tracking

Faro().runApp(
  optionsConfiguration: FaroConfig(
      appName: "<App_Name>",
      appVersion: "1.0.0",
      appEnv: "Production",
      apiKey: "<API_KEY>",
      collectorUrl: "faro receiver endpoint",
      collectorHeaders: {
        ... // custom headers to be sent with each request to the collector url
      }
      // ... other configurations
  ),
  appRunner: () => runApp(
    DefaultAssetBundle(
      bundle: FaroAssetBundle(),
      child: FaroUserInteractionWidget(child: MyApp())
    )
  ),
);
```

--------------------------------

### Add Faro Dependency to pubspec.yaml

Source: https://pub.dev/packages/faro/packages/faro

Instructions to add the Grafana Faro SDK as a dependency in a Flutter project's `pubspec.yaml` file, specifying the package name and version.

```YAML
dependencies:
  faro: ^<latest_version>
```

Tokens:

Raw