Flutter崩溃捕获与分析插件bugly_pro_flutter的使用

Flutter崩溃捕获与分析插件bugly_pro_flutter的使用

项目介绍

简介

bugly_pro_flutter 是腾讯端服务中台提供的 Flutter 线上性能监控组件，提供 Dart 异常捕获、启动性能、卡顿等监控能力。并上报数据到 Bugly 平台。

接入方式

文档中心

1. 在 Bugly 创建产品，接入平台选择 Flutter。
2. 根据业务需要购买流量包，并绑定产品。
3. 查询刚刚注册的产品信息: 进入刚刚注册的产品，打开 设置 --> 产品信息 ，记录下 APP ID 和 APP KEY ，后续有用。
4. 在 pubspec.yaml 中添加依赖:

  bugly_pro_flutter:
    version: ^0.4.4

1. 在项目的 main.dart 文件的 main() 方法中初始化 bugly_pro_flutter:

import 'package:bugly_pro_flutter/bugly.dart';

void main() {
  BuglyOptions options = BuglyOptions(
    appId: '', 
    appKey: '', 
    bundleId: ''
  );

  options.monitorTypes = [
    MonitorType.launchMetric,
    MonitorType.looperMetric,
    MonitorType.looperStack,
    MonitorType.exception
  ];

  options.userId = 'pro_tester';        // 用户账户信息(比如qq号，手机号等等)，用于排查问题

  Bugly.init(options, appRunner: () {
    runApp(const MyApp());
  }, beforeInitRunner: (options) {
    options.appId = 'afxxxxxa01';   // 前面记录的APP ID
    options.appKey = 'aef434ba-xxxx-xxxx-xxxx-xxxxxxxaae88b'; // 前面记录的APP KEY
    options.bundleId = 'com.tencent.pro_test.hod'; // bundleId，根据实际情况填上即可
  });
}

1. 触发一个 Dart 错误，去 Bugly 的 错误 --> 问题列表 下查看错误信息，验证接入情况。

示例代码

import 'package:flutter/material.dart';
import 'package:tencent_flutter_apm_example/exception_page.dart';
import 'package:bugly_pro_flutter/bugly.dart';
import 'package:trouter/router/router_container.dart';
import 'package:trouter/t_router.dart';
import 'main_page.dart';
import 'jank/jank_main_page.dart';
import 'jank/jank_io_page.dart';
import 'jank/jank_listview_page.dart';

void main() {
  BuglyOptions options = BuglyOptions(
      appId: '',
      appKey: '',
      bundleId: '');

  options.userId = '1234567';
  options.isDebug = true;
  options.onErrorCallback = (error) {
    print("------------------------- bugly callback -------------------------");
    print("$error");
    print("------------------------- bugly callback -------------------------");
  };

  options.monitorTypes = [
    MonitorType.launchMetric,
    MonitorType.looperMetric,
    MonitorType.looperStack,
    MonitorType.exception
  ];

  Bugly.enableLooperStack(true);

  Bugly.init(options, appRunner: () {
    runApp(MyApp());
  }, beforeInitRunner: (options) {
    options.userId = 'pro_tester';
    options.appId = 'your appId';
    options.appKey = 'your appKey';
    options.bundleId = 'your app bundleId';
  });
}

class MyApp extends StatefulWidget {
  [@override](/user/override)
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> with WidgetsBindingObserver {
  String _platformVersion = 'Unknown';

  [@override](/user/override)
  void initState() {
    super.initState();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyHome(),
      navigatorObservers: [BuglyNavigatorObserver()],
      routes: {
        'MainPage': (context) => MainPage(),
        'FirstPage': (context) => FirstPage(),
        'SecondPage': (context) => SecondPage(),
        'JankMainPage': (context) => JankMainPage(),
        'JankListviewPage': (context) => JankListviewPage(),
        'JankIoPage': (context) => JankIoPage(),
        'ExceptionPage': (context) => ExceptionPage(),
      },
    );
  }
}

class MyHome extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Container(
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.center,
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              TextButton(
                child: Text('FPS 测试页面', style: TextStyle(fontSize: 16)),
                onPressed: () => Navigator.of(context).pushNamed('MainPage'),
              ),
            ],
          ),
          Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              TextButton(
                child: Text('卡顿测试页面', style: TextStyle(fontSize: 16)),
                onPressed: () => Navigator.of(context).pushNamed('JankMainPage'),
              ),
            ],
          ),
          Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              TextButton(
                child: Text('异常测试页面', style: TextStyle(fontSize: 16)),
                onPressed: () => Navigator.of(context).pushNamed('ExceptionPage'),
              ),
            ],
          ),
          Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              TextButton(
                child: Text('开始上报', style: TextStyle(fontSize: 16)),
                onPressed: () => Bugly.enableReport(),
              ),
            ],
          )
        ],
      ),
    );
  }
}