Flutter界面调试插件avo_inspector的使用

Flutter界面调试插件avo_inspector的使用

安装

在 Flutter 中安装 avo_inspector：

$ flutter pub add avo_inspector

这会在你的包的 pubspec.yaml 文件中添加如下依赖，并运行隐式的 flutter pub get：

dependencies:
  avo_inspector: ^1.0.0

导入

现在可以在 Dart 代码中使用：

import 'package:avo_inspector/avo_inspector.dart';

初始化

获取 Avo.app 上的 API 密钥。

import 'package:avo_inspector/avo_inspector.dart';

AvoInspector avoInspector = await AvoInspector.create(
      apiKey: "my_key",
      env: AvoInspectorEnv.dev,
      appVersion: "1.0",
      appName: "Hello Flutter");

启用日志

日志默认在开发模式下启用，在生产模式下禁用。

AvoInspector.shouldLog = true;

发送事件模式到 Avo Inspector

此方法获取实际的跟踪事件参数，自动提取模式并将其发送到 Avo Inspector 后端。只需在与分析工具的 track 方法相同的调用位置调用此方法。

avoInspector.trackSchemaFromEvent(
            eventName: "Event name",
            eventProperties: {
                "String Prop": "Prop Value",
                "Float Prop": 1.0,
                "Boolean Prop": true});

批量控制

为了确保 SDK 不会对性能或电池寿命产生重大影响，它支持事件模式的批量处理。

默认的批量大小为 30，批量刷新超时时间为 30 秒。在开发模式下批量处理被禁用。

AvoBatcher.batchSizeThreshold = 10;
AvoBatcher.batchFlushSecondsThreshold = 10;

示例代码

import 'package:flutter/material.dart';

import 'package:avo_inspector/avo_inspector.dart';

void main() {
  runApp(MyApp());
}

AvoInspector? avoInspector;

class MyApp extends StatelessWidget {
  MyApp({Key? key}) : super(key: key) {
    AvoInspector.create(
            apiKey: "my api key",
            env: AvoInspectorEnv.dev,
            appVersion: "1.0",
            appName: "Flutter test")
        .then((inspector) {
      avoInspector = inspector;
      avoInspector
          ?.trackSchemaFromEvent(eventName: "App Open", eventProperties: {});
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    AvoInspector.shouldLog = true;

    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({Key? key, required this.title}) : super(key: key);

  final String title;

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
    avoInspector?.trackSchemaFromEvent(
        eventName: "Counter++", eventProperties: {"counter": _counter});
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            const Text(
              'You have pushed the button this many times:',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headline4,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: const Icon(Icons.add),
      ),
    );
  }
}