Firebase は、モバイルアプリ開発者が必要とする、様々な機能を提供する Google のバックエンドサービスです。FlutterFlow は、Firebase とシームレスに連携しているため、Firebase のセットアップが必要です。以下の手順に従って、新しい Firebase プロジェクトを作成しましょう。

Firebase セットアップの新しいプロジェクトを作成する

Firebase は、モバイルアプリ開発者が必要とする、様々な機能を提供する Google のバックエンドサービスです。FlutterFlow は、Firebase とシームレスに連携しているため、Firebase のセットアップが必要です。以下の手順に従って、新しい Firebase プロジェクトを作成しましょう。

Firebase コンソールにログインする

  1. Firebase コンソールにアクセスします。https://console.firebase.google.com/
  2. Google アカウントでログインします。

新しいプロジェクトを作成する

  1. 「プロジェクトを作成」ボタンをクリックします。
  2. プロジェクト名を入力します。
  3. 「続行」ボタンをクリックします。

Firebase プロジェクトを設定する

  1. 「プロジェクトの設定」をクリックします。
  2. 「全般」タブをクリックします。
  3. 「アプリを追加」ボタンをクリックします。
  4. アプリ名を入力します。
  5. 「Firebase SDK を追加する」チェックボックスをオンにします。
  6. 「登録」ボタンをクリックします。

Firebase の設定ファイルをダウンロードする

  1. 「プロジェクトの設定」をクリックします。
  2. 「全般」タブをクリックします。
  3. 「Firebase SDK の設定と構成」セクションの中の「CDN を使用する」タブをクリックします。
  4. 「GoogleService-Info.plist」または「google-services.json」のリンクをクリックして、Firebase の設定ファイルをダウンロードします。

FlutterFlow で Firebase を設定する

  1. FlutterFlow エディターに戻ります。
  2. 「アプリ設定」をクリックします。
  3. 「Firebase」タブをクリックします。
  4. Firebase 設定ファイルをアップロードします。
  5. 「Firebase アプリの設定を更新」ボタンをクリックします。

データベースを設定する

  1. Firebase コンソールに戻ります。
  2. 「Database」をクリックし、Firestore データベースを作成します。
  3. Firestore のセキュリティルールを設定します。

プロジェクトのアクセスを設定する

  1. Firebase コンソールに戻ります。
  2. 「設定」をクリックします。
  3. 「アカウント管理」タブをクリックします。
  4. 「プロジェクトアクセス」タブをクリックします。
  5. 「新しいメンバーを追加」ボタンをクリックします。
  6. ユーザーのメールアドレスを入力します。
  7. ロールを選択します(例えば、「Firebase プロジェクトの所有者」)。
  8. 「参加」ボタンをクリックします。

Firebase Authentication を設定する

  1. Firebase コンソールに戻ります。
  2. 「Authentication」をクリックします。
  3. 「ログイン方法」タブをクリックします。
  4. 「メール/パスワード」を有効にします。

以上で、FlutterFlow で Firebase をセットアップするための手順が完了しました。