FlutterでFirebaseを使う方法｜初期設定からfirebase_coreまで

Firebaseは、認証、Firestore、Storage、Cloud MessagingなどをFlutterアプリに追加しやすくするバックエンド基盤です。この記事では最初の接続と初期化に絞ります。

この記事の結論

FlutterでFirebaseを使うには、Firebase CLIとFlutterFire CLIを用意し、flutterfire configureでfirebase_options.dartを生成し、firebase_coreで初期化します。

必要なツール

• Flutter SDK
• Firebase CLI
• FlutterFire CLI
• Firebaseプロジェクト
• 対象プラットフォームの設定

FlutterFire CLIを入れる

dart pub global activate flutterfire_cli

プロジェクトを設定する

firebase login
flutterfire configure

firebase_coreを追加して初期化する

flutter pub add firebase_core

import "package:firebase_core/firebase_core.dart";
import "firebase_options.dart";

Future<void> main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp(
    options: DefaultFirebaseOptions.currentPlatform,
  );
  runApp(const MyApp());
}

実装後に確認すること

• firebase_options.dartが生成されているか
• Firebase.initializeAppをrunApp前に実行しているか
• 対象プラットフォームを正しく選んだか
• 秘密情報を記事やリポジトリに書いていないか

よくあるつまずき

• Firebase CLIとFlutterFire CLIを混同する
• flutterfire configureを別プロジェクトで実行する
• Android/iOS/Webの選択を間違える
• Firebase設定を秘密鍵だと思い込む、または逆に本物の秘密情報を混ぜる

次に読む記事

• FlutterFire CLIの使い方｜flutterfire configureでFirebase設定を生成する — FlutterFire CLIの使い方を初心者向けに解説します。インストール、firebase login、flutterfire configure、firebase_options.dartの役割を整理します。
• FlutterでAPIを取得する方法｜http・JSON・FutureBuilderの基本 — FlutterでAPIを取得する基本を解説します。httpパッケージ、GETリクエスト、JSONパース、Future、ローディングとエラー表示の流れを整理します。
• Flutter状態管理とは？setState・Provider・Riverpodの違いを初心者向けに解説 — Flutterの状態管理を初心者向けに解説します。状態とは何か、setState、Provider、Riverpodをどの順番で学ぶかを整理します。

まとめ

FlutterでFirebaseを使う入口は、CLI設定、firebase_options.dart生成、firebase_core初期化です。認証やFirestoreはこの土台が動いてから追加しましょう。