react-native-firebase V6 Crashlytics

2023-03-18 hit count image

react-native-firebase(V6)を使ってFirebaseのCrashlyticsを使う方法について説明します。

概要

React NativeプロジェクトでFirebaseCrashlyticsを使うためreact-native-firebaseを使う方法にてついて説明します。

このブログポストはシリーズで作成されております。他の内容を確認したい方は下記のブログリストを参考してください。

react-native-firebaseの以前のバージョン(V5)を使う方法については下記のブログリストを参考してください。

react-natiev-firebaseのインストールや準備

下記のブログを参考してreact-native-firebaseをインストールして、Firebaseプロジェクトを生成します。

ライブラリインストール

下記のコマンドを使ってreact-native-firebaseCrashlyticsをインストールします。

npm install --save @react-native-firebase/crashlytics

下記のコマンドを使ってiOSプロジェクトへreact-native-firebaseのCrashlyticsを連結します。

cd ios
pod install

Firebaseプロジェクト設定

次はGoogleのファイアベース(Google Firebase)でプロジェクトへCrashlyticsを設定する必要があります。FirebaseのConsoleへ移動して、左のメニューでCrashlyticsを選択します。

crashlytics add sdk

上にあるAdd SDKボタンを押してSDKを追加します。そして、Crashlyticsのタイトル横にあるプロジェクトを選択してiOS/アンドロイドで変更して、Add SDKを押してiOS、アンドロイド、両方へSDKを追加します。

アンドロイドの設定

アンドロイドではCrashlyticsを使うため、android/build.gradleファイルを開いて下記のように修正します。

buildscript {
    ...
    dependencies {
        ...
        classpath 'com.google.gms:google-services:4.3.4'
        classpath 'com.google.firebase:firebase-crashlytics-gradle:2.4.1'
    }
}

そしてandroid/app/build.gradleファイルを開いて下記のように修正します。

apply plugin: 'com.android.application'

apply plugin: 'com.google.gms.google-services'
apply plugin: 'com.google.firebase.crashlytics'
...

iOSの設定

iOSはアンドロイドは違って特に設定をする必要がありません。

完了

これでFirebaseのCrashlyticsを使うため、react-native-firebaseライブラリを使う方法を説明しました。

crashlytics integration

react-native-firebaseでCrashlyticsをうまく設定して、React Nativeプロジェクトを実行すると、上のような画面が確認できます。

私のブログが役に立ちましたか?下にコメントを残してください。それは私にとって大きな大きな力になります!

アプリ広報

今見てるブログを作成たDekuが開発したアプリを使ってみてください。
Dekuが開発したアプリはFlutterで開発されています。

興味がある方はアプリをダウンロードしてアプリを使ってくれると本当に助かります。

Posts