文系プログラマーが語る文系プログラマーが語る主にプログラミング関連の記事を書いています。【まとめ】Windows環境でFlutterとFirebaseの連携をする2023-07-13【まとめ】Windows環境でFlutterとFirebaseの連携をするFlutterこんにちは!文系プログラマーいおです!今回はWindowsでFlutterとFirebaseを使ってアプリを開発する環境を構築するための手順をまとめようと思います。CLIのインストールとログイン3.flutterfire_cliのインストールと設定4.必要なパッケージのインストール5.Firebaseの初期化おわりにはじめに前提としてFlutterの環境構築およびFlutterプロジェクトの作成は終えていることとします。下記記事を参考にして、準備ができてから本記事を読み進めてください!1Firebaseにプロジェクトを追加する1.Firabaseのサイトにログインまずは、下記URLをクリックして「使ってみる」をクリック。https://firebase.google.com/次に「プロジェクトを作成」をクリック。基本的には、画面に出てくる指示に従っていればOKです。任意の名前を付けます。後からの変更も可能です。3.Googleアナリティクスのアカウント作成(なくてもOK)こちらはしなくても別に構いませんが、手順として残しておきます。作成する場合は、「このプロジェクトでGoogleアナリティクスを有効にする」にチェックを入れて「続行」をクリックしてください。新しいGoogleアナリティクスのアカウント名を入力して「プロジェクトを作成」をクリック。これでGoogleアナリティクスのアカウントとFirebase上のプロジェクトが作成されました。下記赤四角で囲った箇所をクリック。すると下記のような手順が出てきます。基本的にはこれに沿っていきます。firebase-tools」を入力してエンターを押す。これでインストールが完了します。Manager)」がなければ実行ができません。Node.jsのインストールについては下記記事を参考にしてみてください。CLIが使用できるようにはなりますが、Node.jsを使用したほうが確実かと思われます。Node.jsをインストールしない場合については詳しくは下記URLを参照してください。login」でFirebaseにログインしてください。flutterfire_cli」を入力してflutterfire_cliをインストールする。path.」というエラーが出ていたら下記記事を参照して「Git」をインストールしてみてください。再度コマンドを実行することでインストールができると思います。--project=プロジェクト名」を実行します。これで「firebase_options.dart」がlibフォルダ配下に自動で生成されます。「GoogleService-Info.plist」や「google-services.json」などの各OSでFirabaseを使用するために必要な設定ファイルも自動で作成されます!便利!4.必要なパッケージのインストールこれで完了!と思いきやこのままFlutterプロジェクトを開いてみると下記のようなエラーが発生していると思います。これは、Firebaseを使用するために必要なパッケージがインストールされていないために起こっています。get」をクリックします。これでエラーが消えるはずです。「firebase_core」は下記になります。最後に、プログラム内でFirebaseの初期化をする処理を記述すればFirebaseを使用するための準備は終了です!具体的には下記のように記述します。DefaultFirebaseOptions.currentPlatform)を使用して、Firebaseを初期化しています。おわりに今回はFlutterとFirebaseを連携させてアプリ開発をするための準備をまとめてみました。お役に立てれば幸いです。お金やレシートの管理ができるスマホアプリを開発・リリースしました。連絡先お問い合わせは下記までよろしくお願いいたします。引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。