Flutter アプリに Firebase を追加する
前提条件
好みのエディターまたは IDEをインストールします。
以下を含む特定のオペレーティング システム用のFlutter をインストールします。
- Flutter SDK
- サポート ライブラリ
- プラットフォーム固有のソフトウェアと SDK
Google アカウントを使用して Firebase にサインインします。
Flutter アプリをまだお持ちでない場合は、 Get Started: Test Driveを完了して、好みのエディターまたは IDE を使用して新しい Flutter アプリを作成できます。
ステップ 1 : 必要なコマンド ライン ツールをインストールする
Firebase CLI をまだインストールしていない場合は、インストールします。
次のコマンドを実行して、Google アカウントを使用して Firebase にログインします。
firebase login
任意のディレクトリから次のコマンドを実行して、FlutterFire CLI をインストールします。
dart pub global activate flutterfire_cli
ステップ 2 : Firebase を使用するようにアプリを構成する
FlutterFire CLI を使用して、Flutter アプリを Firebase に接続するように構成します。
Flutter プロジェクト ディレクトリから次のコマンドを実行して、アプリ構成ワークフローを開始します。
flutterfire configure
flutterfire configure
ワークフローは、次のことを行います。
Flutter アプリでサポートされているプラットフォーム (iOS、Android、Web) を選択するよう求められます。選択したプラットフォームごとに、FlutterFire CLI は Firebase プロジェクトに新しい Firebase アプリを作成します。
既存の Firebase プロジェクトを使用するか、新しい Firebase プロジェクトを作成するかを選択できます。既存の Firebase プロジェクトに既にアプリが登録されている場合、FlutterFire CLI は、現在の Flutter プロジェクト構成に基づいてそれらを照合しようとします。
Firebase 構成ファイル (
firebase_options.dart
) を作成し、lib/
ディレクトリに追加します。(Android での Crashlytics または Performance Monitoring の場合)必要な製品固有の Gradle プラグインを Flutter アプリに追加します。
ステップ 3 : アプリで Firebase を初期化する
Flutter プロジェクト ディレクトリから、次のコマンドを実行してコア プラグインをインストールします。
flutter pub add firebase_core
Flutter プロジェクト ディレクトリから次のコマンドを実行して、Flutter アプリの Firebase 構成が最新であることを確認します。
flutterfire configure
lib/main.dart
ファイルで、以前に生成した Firebase コア プラグインと構成ファイルをインポートします。import 'package:firebase_core/firebase_core.dart'; import 'firebase_options.dart';
また、
lib/main.dart
ファイルで、構成ファイルによってエクスポートされたDefaultFirebaseOptions
オブジェクトを使用して Firebase を初期化します。await Firebase.initializeApp( options: DefaultFirebaseOptions.currentPlatform, );
Flutter アプリケーションを再構築します。
flutter run
ステップ 4 : Firebase プラグインを追加する
Flutter アプリで Firebase にアクセスするには、Firebase 製品ごとに 1 つずつ、さまざまなFirebase Flutter プラグインを使用します (例: Cloud Firestore、Authentication、Analytics など)。
Flutter はマルチプラットフォーム フレームワークであるため、各 Firebase プラグインは Apple、Android、および Web プラットフォームに適用できます。そのため、Flutter アプリに Firebase プラグインを追加すると、アプリの Apple、Android、Web バージョンで使用されます。
Firebase Flutter プラグインを追加する方法は次のとおりです。
Flutter プロジェクト ディレクトリから、次のコマンドを実行します。
flutter pub add PLUGIN_NAME
Flutter プロジェクト ディレクトリから、次のコマンドを実行します。
flutterfire configure
このコマンドを実行すると、Flutter アプリの Firebase 構成が最新の状態になり、Android での Crashlytics と Performance Monitoring のために、必要な Gradle プラグインがアプリに追加されます。
完了したら、Flutter プロジェクトを再構築します。
flutter run
これで準備完了です。 Flutter アプリが登録され、Firebase を使用するように構成されています。
利用可能なプラグイン
製品 | プラグイン名 | iOS | アンドロイド | ウェブ | その他のアップル (macOSなど) |
---|---|---|---|---|---|
分析 | firebase_analytics | ベータ | |||
アプリチェック | firebase_app_check | ベータ | |||
認証 | firebase_auth | ベータ | |||
クラウド ファイアストア | cloud_firestore | ベータ | |||
クラウド機能 | cloud_functions | ベータ | |||
クラウド メッセージング | firebase_messaging | ベータ | |||
クラウドストレージ | firebase_storage | ベータ | |||
クラッシュリティクス | firebase_crashlytics | ベータ | |||
動的リンク | firebase_dynamic_links | ||||
アプリ内メッセージ | firebase_in_app_messaging | ||||
Firebase のインストール | firebase_app_installations | ベータ | |||
ML モデル ダウンローダー | firebase_ml_model_downloader | ベータ | |||
パフォーマンス監視 | firebase_performance | ||||
リアルタイム データベース | firebase_database | ベータ | |||
リモート設定 | firebase_remote_config | ベータ |
Analytics でサンプルアプリを試す
すべてのパッケージと同様に、 firebase_analytics
プラグインにはサンプル プログラムが付属しています。
Firebase を使用するように構成済みの Flutter アプリを開きます (このページの手順を参照してください)。
アプリの
lib
ディレクトリにアクセスし、既存のmain.dart
ファイルを削除します。Google アナリティクスのサンプル プログラム リポジトリから、次の 2 つのファイルをコピーしてアプリの
lib
ディレクトリに貼り付けます。-
main.dart
-
tabs_page.dart
-
Flutter アプリを実行します。
Firebase コンソールでアプリの Firebase プロジェクトに移動し、左側のナビゲーションで [ Analytics ] をクリックします。
Analytics の設定の詳細については、 iOS+ 、 Android 、およびWebの入門ガイドを参照してください。
次のステップ
Firebase Flutter Codelabで実践的な体験をしてください。
アプリを起動する準備をします。
- Google Cloud Console でプロジェクトの予算アラートを設定します。
- Firebase コンソールで使用状況と請求のダッシュボードを監視して、複数の Firebase サービスにわたるプロジェクトの使用状況の全体像を把握します。
- Firebase の起動チェックリストを確認します。