【Flutter/Firebase】Androidアプリに導入|セットアップ編

おすすめプログラミングスクール

▶︎ 侍エンジニア
Flutterが学習できるプログラミングスクール。エキスパートコースは転職・就職サポート付き
「エキスパートコース」の詳細は無料カウセリングで相談

▶︎ DMM WEBCAMP
自社開発・受託開発企業への転職実績多数。受講開始20日以内なら無条件で全額返金。


▶︎
ポテパンキャンプ
Webエンジニア輩出No.1。開発できる開発企業への転職成功をサポート。全額返金保証あり。


▶︎
テックブースト
フリーランス特化型プログラミングスクール。スクール在籍中に案件受注から納品を体験できる。

今回はFlutterで開発しているAndroidアプリにFirebaseを追加する方法を紹介します。

本記事の画像を参考にしながら一緒にFirebaseの導入を進めていくのがオススメです。

スポンサーリンク

目次

Firebaseで新規プロジェクトを作成

まずは「Firebase Console」で新規プロジェクトを作成します。

AndroidアプリにFirebaseを導入

作成したFirebaseプロジェクトの管理画面を開いたら「Androidアイコン」をクリックし、Flutterで開発しているAndroidアプリにFirebaseを追加していきます。

ステップ1:アプリの登録

「Android パッケージ名」はFirebaseを導入するFlutterプロジェクトから取得します。「アプリのニックネーム」は管理者のみに表示されます(ユーザーには表示されない)。

「applicationId」はFlutterプロジェクトの./android/app/build.gradledefaultConfigで取得できます。

ステップ2:設定ファイルのダウンロード

「設定ファイルのダウンロード」でダウンロードしたgoogle-services.jsonをFlutterプロジェクトに追加します。

google-services.json./android/appappに移動させます。

ステップ3:Firebase SDKの追加

「Firebase SDKの追加」ではプロジェクトレベルとアプリレベルの2つのbuild.gradleに「Add this line」と指定されたコードを追加します。

画像のコードとバージョンが異なっていても問題ありません。現在Firebaseで指示されているバージョンを使用してください。

プロジェクトレベルのbuild.gradleを開いたら「Add this line」で指定されたコードを指定場所にコピペします。(インデントを正しく揃える)

アプリレベルのbuild.gradleを開いたら「Add this line」で指定されたコードを指定場所にコピペします。(インデントを正しく揃える)

プロジェクトレベルとアプリレベル両方でbuild.gradleを更新したら「次へ」をクリック。

AndroidアプリにFirebaseが追加できたか確認

これでAndroidアプリにFirebaseを追加する全てのステップは完了です。「コンソールに進む」をクリックすればプロジェクトの管理画面に戻ります。

一度、Androidアプリを再起動してエラーが発生しないか確認しましょう。エラーが発生した場合は間違えがないか再度確認してみてください。

Firebaseパッケージの導入

Firebaseの追加が完了したらFirebaseパッケージをFlutterプロジェクトに導入します。

今回はFirebaseを使用するのに必須なfirebase_coreパッケージのみダウンロードしていきます。(Firebase AuthとFirestoreも一緒に導入しておくのがオススメ)

$ flutter pub add firebase_core
import 'package:firebase_core/firebase_core.dart';

main関数でFirebase.initializeApp()を呼び出す

import 'package:firebase_core/firebase_core.dart';
import 'package:flutter/material.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp();
  runApp(MyApp());
}

...

firebase_coreを導入したら上記コードのようにmain()Firebase.initializeApp()を呼び出します。FlutterでFirebaseを使用するのに必要なおまじないだと思っておきましょう。

これでAndroidアプリへのFirebase導入は完了です。

iOSアプリにもFirebaseを追加

iOSアプリにもFirebaseを追加したい方はこちらの記事も参考にしてみてください。

参考

スポンサーリンク

  • URLをコピーしました!
目次