React Native Firebaseを試してみる1（インストール編）

2018年11月2日

前提

・react-native initでReact Nativeのプロジェクトを作成している事。
・Andoridのみを対象。

インストール

React Native Firebaseのインストール

$ npm install --save react-native-firebase
$ react-native link react-native-firebase

プロジェクトの作成

FireBase Consoleにアクセスして「プロジェクトを追加」を選択後、
適当に項目を入力してプロジェクトを作成します。

google-services.jsonの配置

FireBase Consoleの「AndroidアプリにFirebaseを追加」を選択します。
Androidパッケージ名などの情報を入力し、google-services.jsonをダウンロードします。
ダウンロードしたgoogle-services.jsonをandroid\appフォルダ直下に置きます。

android/build.gradleの設定

buildscript {
  dependencies {
    classpath 'com.google.gms:google-services:4.0.1' // 追加
  }
}
buildscript {
    repositories {
        google()  // jcenter()の上に記述
        jcenter()
    }
}

android/app/build.gradleの設定

dependencies {
  implementation project(':react-native-firebase')
  implementation 'com.google.android.gms:play-services-base:15.0.1' // 追加
  implementation 'com.google.firebase:firebase-core:16.0.3' // 追加
}

apply plugin: 'com.google.gms.google-services' // ファイルの末尾に追加
allprojects {
    repositories {
        mavenLocal()
        google()  // jcenter()の上に記述
        jcenter()
        maven {
            // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
            url "$rootDir/../node_modules/react-native/android"
        }
    }
}