🍌

[flutter✖️firebase] プロジェクトのはじめ方

2024/05/01に公開

どうも!初心者プログラマーちゃきです!
firebaseプロジェクトのはじめ方を、メモとして残しておきます⭐️

[下準備]firebaseでプロジェクトを作っておく

yamlにfirebase_coreをインストール

firebaseにログイン

firebase login

flutterfire configureコマンドで、console内のプロジェクトを選択

flutterfire configure

firebase.optionsファイルを生成

main.dartを編集する。

void main() async {
  //firebaseを開始する
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp(
    options: DefaultFirebaseOptions.currentPlatform,
  );
  //MyAppをProviderScopeに指定し、全てのページでProviderを使えるようにする
  runApp(
    const ProviderScope(child: MyApp()),
  );
}

あとは好みのパッケージをインストールなど、、ご自由に☺️

dependencies:
  flutter:
    sdk: flutter
  firebase_auth:
  cloud_firestore:
  firebase_storage:

・ うまくいかない場合は、firebase_coreがうまく読み取れていない可能性が高いです。もしうまくいかなくても、何度でもflutterfire configureコマンドでやり直せます!

おわりに

ここまで読んでくださってありがとうございます!
私の今月の目標(2024年5月)は、firebaseの基本をマスターすることと、riverpodの理解を深めることです💪
記事も主にfirebaseとriverpodになると思いますので、また見に来てください✨

Discussion