FlutterFlow ログインできない【2026年版】原因と認証設定

はじめに

FlutterFlowでログインできないとき、最初に見るべき場所は一つではありません。FlutterFlowのアカウント自体に入れないのか、作成中のアプリでユーザー認証が失敗するのか、FirebaseやSupabaseとの接続が失敗しているのかで、原因と対策は変わります。ブラウザのキャッシュを消すだけで直る場合もありますが、認証設定やデータ構造の不備が残っていると、本番公開前に同じ問題が再発します。

2026年時点のFlutterFlowは、Firebase、Supabase、Custom Authenticationなど複数の認証方式に対応しています。Firebase Authを使う場合は、FlutterFlow側でEnable Authenticationをオンにし、Entry PageとLogged In Pageを設定し、Firebase Console側でEmail/PasswordなどのSign-in providerを有効にする必要があります。GoogleログインやPhoneログインではSHA-1や設定ファイル再生成も関係します。

この記事では、FlutterFlow ログインできないときの切り分け、Firebase Authentication設定、Google/Phone/Supabase/Custom Authの注意、料金プランやAPI制限の確認、Nocoderiで補える認証実装支援まで整理します。まずは自分の症状がどこにあるかを分けて確認してください。

まず切り分けるログインできない原因

最初に、FlutterFlowの管理画面に入れない問題と、自作アプリのログイン機能が動かない問題を分けます。前者は入力情報、2段階認証、ブラウザ、サービス状態を見ます。後者は接続、認証プロバイダー、初期ページ、ユーザーコレクション、権限を見ます。管理画面ログインとアプリ内ログインを混同しないことが重要です。

症状	主な原因	最初に見る場所
FlutterFlowに入れない	入力ミス、キャッシュ、2段階認証、サービス障害	FlutterFlowログイン画面、ブラウザ、ステータスページ
アプリでメールログインできない	Firebase Auth未有効、Entry Page未設定	Firebase Console、FlutterFlow Authentication
Google/Phoneログインできない	SHA-1不足、設定ファイル未再生成	Firebase Project Settings、Config Files
ログイン後に遷移しない	Logged In Page未設定、条件分岐ミス	App Settings、Action Flow
ユーザー情報が保存されない	usersコレクション未作成、権限不足	Firestore、Users Collection

ブラウザ側なら、キャッシュ削除、シークレットウィンドウ、別ブラウザ、拡張機能停止を試します。障害が疑われる場合は、FlutterFlow Statusを確認し、設定変更を重ねず待機します。

Firebase Authentication設定で確認すること

FlutterFlow公式のInitial Setupでは、利用時にEnable Authenticationをオンにし、Authentication TypeをFirebaseにします。Entry PageとLogged In Pageの未設定は認証後の停止につながります。

Firebase側では、Connect to Firebaseに沿ってプロジェクトを接続し、Email/PasswordのSign-in providerを有効化します。アプリ設定やSHA-1を追加したらConfig Filesを再生成してください。Firebase ConsoleとFlutterFlowの両方で設定が必要です。

確認項目	失敗時の症状	対策
Enable Authentication	ログイン画面が認証状態を見ない	App Settingsでオンにする
Entry Page / Logged In Page	ログイン後に遷移しない	未ログイン/ログイン済み画面を指定
Email/Password provider	メールログインが失敗する	Firebase Consoleで有効化
usersコレクション	ユーザー情報が作られない	Firestoreに作成しUsers Collectionを設定
Config Files	Web/Android/iOSで認証がずれる	FlutterFlowで再生成

usersコレクションにパスワード用フィールドは不要です。パスワードはFirebase Authentication側が管理します。

Google/Phone/Supabase/Custom Authの注意点

GoogleログインやPhoneログインでは確認項目が増えます。FlutterFlow公式は、AndroidでGoogleまたはPhone Sign-inを使う場合にSHA-1が必要と説明しています。リリース時はPlay ConsoleのApp SigningからSHA-1/SHA-256を取得し、Firebaseに追加してConfig Filesを再生成します。本番前に設定ファイルを再生成することが重要です。

SupabaseやCustom Authenticationでは、Auth Servicesで選んだ方式と、ログインアクション、トークン保存、リダイレクト、APIレスポンス形式を揃えます。Custom Authはステータスコード、ユーザーID、JWT、エラー文の形を先に決めます。

認証方式を途中で変える場合は、既存ユーザーの移行も検討します。ユーザーIDや権限のずれは、ログイン後の表示にも影響します。

料金プラン・API・環境分離の確認

ログイン実装は無料プランでも試せますが、チーム開発、API、環境分離、AI機能はプランで変わります。最新条件はFlutterFlow Plan Comparisonで契約前に確認してください。

プラン/項目	公式表示	ログイン調査で見る点
Free	$0	Firebase/Supabase連携、API Endpoints 2、2 projects
Basic	$39/月	API Endpoints Unlimited、Project Count Unlimited
Growth	1st seat $80/月、2nd seat $55/月	Development Environments追加を確認
Business	1st seat $150/月、2〜5 seats $85/月	チーム運用と権限管理を確認
Enterprise	Custom pricing	SLAや社内要件を確認

調査では本番環境とテスト環境の分離も重要です。本番データで試すとユーザー状態に影響するため、テストプロジェクトとテストユーザーを用意します。

事例: 認証不具合を短期で直す流れ

たとえば、予約アプリで、メールログインは通るのにGoogleログインだけ失敗するケースがあります。この場合、画面アクションだけでなく、Firebase provider、Android/iOS/Web設定、SHA-1/SHA-256、Config Filesを順番に見ます。

Nocoderiが支援する場合は、エラーメッセージ、対象プラットフォーム、認証方式、Firebase/Supabase設定、Action Flowを確認します。ログイン、ログアウト、パスワード再設定、権限別画面遷移まで検証し、必要に応じてAPI連携の進め方も整理します。

認証は入口なので、直ったように見えても本番端末で再発します。Web Preview、テストビルド、公開ビルドで同じ手順を確認し、設定変更後はビルドし直します。

時間がかかる原因とNocoderiで補えること

ログイン不具合が長引く原因は、ブラウザ、FlutterFlow設定、Firebase/Supabase設定、アクション、権限設計を一度に触ることです。認証方式、画面遷移、ユーザーデータ、権限の順で確認することが実務では有効です。

Nocoderiでは、ノーコードアプリ開発で、認証設計、Firebase/Supabase連携、API連携、管理画面、権限設計まで支援できます。ユーザー情報やロール別表示まで見直し、公開後の不具合を減らせます。全体像はFlutterFlow 学習支援アプリ開発ガイドも参考になります。

まとめ

FlutterFlowでログインできないときは、まず「FlutterFlowの管理画面に入れない」のか、「自作アプリのログイン機能が動かない」のかを分けてください。管理画面側なら、入力情報、2段階認証、ブラウザ、キャッシュ、拡張機能、ステータスページを確認します。アプリ側なら、Firebase/Supabase/Custom Auth、Enable Authentication、Entry Page、Logged In Page、usersコレクション、Sign-in provider、Config Filesを確認します。

GoogleログインやPhoneログインではSHA-1/SHA-256が関係し、リリース時にはPlay Consoleや各ストア向けの設定も必要です。Custom AuthではAPIレスポンス、トークン、ユーザーID、エラー処理の形式を揃える必要があります。料金プランは認証そのものだけでなく、API Endpoints、開発環境、チーム開発、AI機能に影響するため、公式のPlan Comparisonで確認してください。

ログインはアプリの入口であり、権限、ユーザーデータ、画面遷移、外部連携に直結します。Nocoderiでは、FlutterFlowアプリの認証設計からFirebase/Supabase連携、API連携、公開前テストまで支援できます。自力で原因を切り分けるのに時間がかかっている場合は、認証フロー全体を棚卸しするところから始めると安全です。