在React Native应用中添加崩溃报告框架。

4

我尝试将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',
},
 });

我该怎么做才能启用这个崩溃报告功能?
1个回答

2

2
Firebase和Fabric不能同时使用,因此请确保不要混淆两个指令集之间的任何指令。对于React Native + Firebase Crashlytics,此链接也可能很有用:https://www.npmjs.com/package/@react-native-firebase/crashlytics - Kevin Kokomani

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接