【Fluter】AndroidアプリにFirebaseを導入する方法 ｜ Android Studioによる環境構築

>> Firebase公式サイト

FlutterアプリにFirebaseを導入するためにまずはFirebaseの新規プロジェクトを作成します。上記のリンクを開き「プロジェクトを作成」をクリックします。

Firebaseのプロジェクト名をつけます。（公開されないので気軽に名前をつけて大丈夫です）

Googleアナリティクスを有効にするかどうか選択します。Googleアナリティクスを有効にすれば様々な機能が使えるようになります。（今回は有効にしますが有効にしなくても問題ありません）

Googleアナリティクスを有効にした場合、アカウントを選択します。わざわざアカウントを作成しなくても「Default Account for Firebase」を選択すれば大丈夫です。

最後に「続行」をクリックすればFirebaseプロジェクトが作成されます。

「アプリの登録」で開発しているAndroidアプリのパッケージ名が必要なので、Androidアプリを開発しているIDEを開きパッケージ名を確認していきます。

ティファ

本記事ではAndroid Studioで解説していくよ！

「Project > android > app > build gradle」に記載されてある「applicationId」に記載されているのが「パッケージ名」なのでコピーしてFirebaseでペーストします。

「アプリのニックネーム」と「デバッグ用の署名証明書」は省略して大丈夫なので「アプリを登録」をクリックします。

「設定ファイルのダウンロード」から「google-services.json」をダウンロードしてAndroidアプリ開発をしているIDEのプロジェクトにダウンロードしたファイルを定位置に移動させます。

複数回ダウンロードすると「google-services.json (1)」のように名前がオリジナルと変わってしまうので、必ず「google-services.json」を使用してください。

「Project > android > app」にgoogle-services.jsonファイルを移動させます。

ファイルを移動させると確認画面が出てくるので「Refactor」をクリックし、Firebaseの設定画面に戻り「設定ファイルのダウンロード」で「次へ」をクリックします。

上画像の赤枠のコードをコピーして、IDEでコピーしたコードを貼り付けていきます。

「Project > android > gradle > build.gradle」のdependenciesのchildとしてコピーしたコードをペーストします。

ペーストする際、インデントの間違えに気をつけましょう。

「Firebase SDK の追加」画面に戻り少し下にスクロールすると上画像が表示されるので、赤枠のコードを別々に所定の位置に貼り付けていきます。（上の赤枠を「コード１」、下の赤枠を「コード２」とします）

「赤矢印マークのコード」はFirebaseのプロジェクトを作成するときにGoogleアナリティクスを有効していたら貼り受ける必要があります。（赤矢印のコードを「コード３」とします）

「project > android > app > src > build.gradle」を開くと「apply plugin: ‘com.android.application’」のコードがあるはずなので、その下に「コード１」をコピペします。

「コード2 と コード３」も「コード１」と同じ「build.gradle」にある「dependencies」に貼り付けます。

コードを貼り付け終えたら一度「Android Emulator」を起動させて、きちんと実行できるか確認してください。

Android Emulatorがきちんと実行できたら「コンソールに進む」をクリックします。

全てのステップを終えると上記のように作成したFirebaseプロジェクトとAndroidアプリの連携が完了します。