如何将 instabug SDK 集成到 flutter 应用程序中

Question

我正在尝试在我的 android flutter 应用程序中实现 Instabug（崩溃分析），但我不知道应该在哪里输入此代码到我的项目中。

在 Application 子类的 onCreate() 方法中初始化 Instabug：

来自 instabug 的步骤图像

flutter package 中 Application 子类的 onCreate() 方法在哪里？ 如果我需要创建一个，我会在哪里制作它？

Answer 1

在 flutter 应用程序根目录中，

按照android/app/src/main/kotlin/your package/ ，然后你会看到MainActivity 。

只需在MainActivity的同一路径中创建一个继承自FlutterApplication的 class

class CustomApplication : FlutterApplication {
    override fun onCreate() {
        super.onCreate()
        // Paste here the integration codes of instabug
    }
}

然后 go 到 Manifest, android/app/src/main/kotlin/your package/AndroidManifest.xml ，并修改应用部分

<application
   android:name=".CustomApplication"
   ...
</application>

Answer 2

您可以使用 package https://pub.dev/packages/instabug_flutter
对于Android ，请按照Readme中提到的步骤操作
第 1 步：将以下 Maven 存储库添加到您的项目级别build.gradle

allprojects {
    repositories {
        maven {
            url "https://sdks.instabug.com/nexus/repository/instabug-cp"
        }
    }
}

第 2 步：创建一个扩展 FlutterApplication 的新Java FlutterApplication并将其添加到您的AndroidManifest.xml中。

<application
    android:name=".CustomFlutterApplication"
    ...
</application>

第 3 步：在您新创建的CustomFlutterApplication class 中，覆盖onCreate()并添加以下代码。

来自https://github.com/Instabug/Instabug-Flutter/blob/master/example/android/app/src/main/java/com/instabug/instabugflutterexample/CustomFlutterApplication.Z93F725A07423FE1C889F448B33D21F4Z6的CustomFlutterApplication代码

package com.instabug.instabugflutterexample;

import io.flutter.app.FlutterApplication;
import com.instabug.instabugflutter.InstabugFlutterPlugin;

import java.util.ArrayList;

public class CustomFlutterApplication extends FlutterApplication {
  @Override
  public void onCreate() {
    super.onCreate();
    ArrayList<String> invocation_events = new ArrayList<>();
    invocation_events.add(InstabugFlutterPlugin.INVOCATION_EVENT_FLOATING_BUTTON);
    InstabugFlutterPlugin instabug = new InstabugFlutterPlugin();
    instabug.start(CustomFlutterApplication.this, "2d355f559ea67051a56fce82603f8e41", invocation_events);
    instabug.setWelcomeMessageMode("WelcomeMessageMode.disabled");
  }
}

Dart示例代码片段https://github.com/Instabug/Instabug-Flutter/blob/master/example/lib/main.ZBB14127678960FAE97D873950EA2015Z6

import 'dart:async';
import 'dart:io' show Platform;
import 'package:flutter/material.dart';
import 'package:instabug_flutter/Instabug.dart';
import 'package:instabug_flutter/BugReporting.dart';
import 'package:instabug_flutter/Surveys.dart';
import 'package:instabug_flutter/FeatureRequests.dart';
import 'package:instabug_flutter/CrashReporting.dart';

void main() async {
  FlutterError.onError = (FlutterErrorDetails details) {
    Zone.current.handleUncaughtError(details.exception, details.stack);
  };

  runZoned<Future<void>>(() async {
    runApp(MyApp());
  }, onError: (dynamic error, StackTrace stackTrace) {
    CrashReporting.reportCrash(error, stackTrace);
  });
}

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

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

  @override
  void initState() {
    super.initState();
    if (Platform.isIOS) {
      Instabug.start('efa41f402620b5654f2af2b86e387029',
          <InvocationEvent>[InvocationEvent.floatingButton]);
    }
    initPlatformState();
  }

Answer 3

在深入研究他们在 instabug github repo 上的示例后，我能够解决这个问题。

1. 在 main/kotlin/com/example/app 下新建一个 java 文件 CustomFlutterApplication.java。 这是 MainActivity.kt 所在的位置。

    package com.example.app;
    
    import io.flutter.app.FlutterApplication;
    import com.instabug.instabugflutter.InstabugFlutterPlugin;
    
    import java.util.ArrayList;
    
    public class CustomFlutterApplication extends FlutterApplication {
      @Override
      public void onCreate() {
        super.onCreate();
        ArrayList<String> invocationEvents = new ArrayList<>();
        invocationEvents.add(InstabugFlutterPlugin.INVOCATION_EVENT_SHAKE);
        new InstabugFlutterPlugin().start(CustomFlutterApplication.this, "<API KEY>", invocationEvents);
      }
    }

2. In your AndroidManifest.xml, replace android:name="io.flutter.app.FlutterApplication" with android:name=".CustomFlutterApplication"

3. 在您的项目级别 build.gradle，

    allprojects {
        repositories {
            maven {
                url "https://sdks.instabug.com/nexus/repository/instabug-cp"
            }
        }
    }

4. 现在构建你的项目