使用Firebase解决问题

And Hulk

已于 2022-12-14 15:30:53 修改

阅读量1.4k

点赞数

文章标签： android react native react.js

于 2022-12-14 15:17:31 首次发布

本文链接：https://blog.csdn.net/qq_28797905/article/details/128316218

版权

使用Firebase解决问题

一、Firebase引入

1.1 Firebase(Google)账号注册

1.2 创建项目

1.进入firebase官网，点击创建项目，直到创建完成；
在这里插入图片描述
2.创建完成后，点击项目首页中的Android；
3.将Firebase引入Android项目中；
4.填入Android包名，也就是在项目级的build.gradle文件中的android-defaultConfig-applicationId；

5.下载google-services.json引入项目级配置中；
6.添加Crashlytics的SDK，按照教程操作；
在这里插入图片描述

7.将Crashlytics SDK添加到应用；
8.将Crashlytics Gradle插件添加到应用；

9.打包运行项目，Firebase即引入项目中；

二、Firebase面板

Crash-free users: crash的用户比例，而非crash次数的比例；

Crashes: crash的次数；

Non-fatals: 非致命问题的次数；

Custom: 选择查看问题的时间段；

Issues: 出现的问题统计；

Stack trace: 问题发生的原因，以及位置；

Logs: 问题发生的日志，包括埋点；

Data: 问题发生的设备、时间、用户、内存等信息；

三、使用Firebase进行问题分析

3.1 使用crashlytics记录报错信息

1.在代码中引入crashlytics；

import crashlytics from '@react-native-firebase/crashlytics';

2.使用crashlytics.recordError()方法在crashlytics中输出错误的日志；

定义js的报错处理和native的报错处理，传给react native的setJSExceptionHandler和setNativeExceptionHandler方法；

当react native报错时，就会按照定义的方式处理并传到crashlytics；

import {setJSExceptionHandler, setNativeExceptionHandler} from 'react-native-exception-handler';
const exceptionhandler1 = (error, isFatal) => {
  if(error){
    crashlytics().recordError(error, "js Error");
  }
};
setJSExceptionHandler(exceptionhandler1, true);

const exceptionhandler2 = exceptionString => {
  crashlytics().recordError(exceptionString, "react native Error");
};
setNativeExceptionHandler(exceptionhandler2, true, false);