添加崩溃报告框架以响应本机应用程序

Question

我已经尝试将 Firebase 和 Fabric 框架添加到我的 React Native (android) 应用程序中。我按照这些步骤成功设置并测试了强制崩溃，但我无法获得 JavaScript 文件的崩溃报告。我找到了这些链接： https://www.spritle.com/blogs/2016/02/15/integrate-fabricio-crashlytics-to-a-react-native-android-app/

https://www.mojotech.com/blog/fabric-integration-for-react-native-on-android/

但还是不行。

我也试过 appcenter.ms，我获得了浏览量和会话，但仍然没有关于崩溃的报告。

Firebase 和 Fabric 实现的项目代码

app/build.gradle 文件

apply plugin: "com.android.application"
apply plugin: "io.fabric"
import com.android.build.OutputFile
 project.ext.react = [
 entryFile: "index.js",
 enableHermes: false,  // clean and rebuild if changing
 ]
 apply from: "../../node_modules/react-native/react.gradle"
 def enableSeparateBuildPerCPUArchitecture = false
 def enableProguardInReleaseBuilds = false
def jscFlavor = 'org.webkit:android-jsc:+'
def enableHermes = project.ext.react.get("enableHermes", false);

 android {
 compileSdkVersion rootProject.ext.compileSdkVersion
 compileOptions {
    sourceCompatibility JavaVersion.VERSION_1_8
    targetCompatibility JavaVersion.VERSION_1_8
  }
 defaultConfig {
    applicationId "com.sample2"
    minSdkVersion rootProject.ext.minSdkVersion
    targetSdkVersion rootProject.ext.targetSdkVersion
    versionCode 1
    versionName "1.0"
 }
 splits {
    abi {
        reset()
        enable enableSeparateBuildPerCPUArchitecture
        universalApk false  // If true, also generate a universal APK
        include "armeabi-v7a", "x86", "arm64-v8a", "x86_64"
    }
}
signingConfigs {
    debug {
        storeFile file('debug.keystore')
        storePassword 'android'
        keyAlias 'androiddebugkey'
        keyPassword 'android'
    }
}
buildTypes {
    debug {
        signingConfig signingConfigs.debug
        ext.enableCrashlytics = true
    }
    release {
        // Caution! In production, you need to generate your own keystore file.
        // see https://facebook.github.io/react-native/docs/signed-apk-android.
        signingConfig signingConfigs.debug
        minifyEnabled enableProguardInReleaseBuilds
        proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
    }
}
applicationVariants.all { variant ->
    variant.outputs.each { output ->
        // For each separate APK per architecture, set a unique version code as described here:
        // https://developer.android.com/studio/build/configure-apk-splits.html
        def versionCodes = ["armeabi-v7a": 1, "x86": 2, "arm64-v8a": 3, "x86_64": 4]
        def abi = output.getFilter(OutputFile.ABI)
        if (abi != null) {  // null for the universal-debug, universal-release variants
            output.versionCodeOverride =
                    versionCodes.get(abi) * 1048576 + defaultConfig.versionCode
        }

    }
}
packagingOptions {
    pickFirst '**/armeabi-v7a/libc++_shared.so'
    pickFirst '**/x86/libc++_shared.so'
    pickFirst '**/arm64-v8a/libc++_shared.so'
    pickFirst '**/x86_64/libc++_shared.so'
    pickFirst '**/x86/libjsc.so'
    pickFirst '**/armeabi-v7a/libjsc.so'
}
repositories {
 maven { url "https://jitpack.io" }
 maven { url "https://maven.fabric.io/public" }
 }
}
 dependencies {
compile("com.crashlytics.sdk.android:crashlytics:2.5.5@aar") {
 transitive = true;}
  implementation project(':react-native-fabric')
  implementation fileTree(dir: "libs", include: ["*.jar"])
  implementation "com.facebook.react:react-native:+"  // From node_modules
 implementation 'com.google.firebase:firebase-core:16.0.4'
  implementation 'com.crashlytics.sdk.android:crashlytics:2.9.5'
 if (enableHermes) {
  def hermesPath = "../../node_modules/hermesvm/android/";
  debugImplementation files(hermesPath + "hermes-debug.aar")
  releaseImplementation files(hermesPath + "hermes-release.aar")
  } else {
  implementation jscFlavor
  }
  }
   task copyDownloadableDepsToLibs(type: Copy) {
   from configurations.compile
   into 'libs'  }
 apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); 
 applyNativeModulesAppBuildGradle(project)

项目build.gradle文件

buildscript {
ext {
    buildToolsVersion = "28.0.3"
    minSdkVersion = 16
    compileSdkVersion = 28
    targetSdkVersion = 28
    supportLibVersion = "28.0.0"
}
 repositories {
    google()
    jcenter()
    maven { url "https://maven.fabric.io/public" }
}
dependencies {
    classpath("com.android.tools.build:gradle:3.4.1")
    classpath "com.android.tools.build:gradle:1.3.1"
    classpath "io.fabric.tools:gradle:1.+"
    // NOTE: Do not place your application dependencies here; they belong
    // in the individual module build.gradle files
  }
 }

allprojects {
repositories {
    mavenLocal()
    maven {
        // All of React Native (JS, Obj-C sources, Android binaries) is 
     installed from npm
        url("$rootDir/../node_modules/react-native/android")
     }
    maven {
        // Android JSC is installed from npm
        url("$rootDir/../node_modules/jsc-android/dist")
    }

    google()
    jcenter()
   }
 }

App.js

import React, {Fragment} from 'react';
import { SafeAreaView, StyleSheet, ScrollView, View,Text,StatusBar,} from 
'react-native';
 import Fabric from 'react-native-fabric';
 import Crashlytics from 'react-native-fabric-crashlytics';
import {  Header,  LearnMoreLinks,  Colors,  DebugInstructions, 
ReloadInstructions,} from 'react-native/Libraries/NewAppScreen';

 export default class App extends React.Component {

 componentWillMount(){
 var { Crashlytics } = Fabric;
Crashlytics.crash();

  }
 render() {
 return (
    <View style = {styles.container}>
       <Text>Open up App.js to start working on your app!</Text>
       <Text>Changes you make will automatically reload.</Text>
       <Text>Shake your phone to open the developer menu.</Text>
    </View>
 );
  }
 }

const styles = StyleSheet.create({
scrollView: {
backgroundColor: Colors.lighter,
},
engine: {
position: 'absolute',
right: 0,
},
body: {
  backgroundColor: Colors.white,
 },
 sectionContainer: {
 marginTop: 32,
 paddingHorizontal: 24,
},
  sectionTitle: {
 fontSize: 24,
 fontWeight: '600',
 color: Colors.black,
 },
  sectionDescription: {
 marginTop: 8,
fontSize: 18,
fontWeight: '400',
color: Colors.dark,
},
highlight: {
fontWeight: '700',
 },
 footer: {
color: Colors.dark,
fontSize: 12,
fontWeight: '600',
padding: 4,
paddingRight: 12,
textAlign: 'right',
},
 });

我应该怎么做才能让这个崩溃报告正常运行？

Answer 1

Firebase 和 fabric 无法协同工作。从项目中删除 Fabric.properties 文件，然后使应用程序崩溃。

我有一个崩溃分析的完整工作演示： https://github.com/RishavKumar-3796/CrashAnalytics_Firebase 更改 firebase 密钥并查看集成部分

添加崩溃报告框架以响应本机应用程序

Add crash reporting framework to react native app

android

firebase

react-native

crashlytics

google-fabric