FlutterFireのメモ

対象者

  • FlutterでのFirestoreへの設定方法をだいたい知っていて、コマンドだけ知りたい人
  • さくしんの「【Flutter】Firestore 実践ガイド」の講座を受けている人

はじめに

何度かFlutterでのFirestoreの設定をしておます。そのため、メモを残しておきます。

npmをインストール

Macでは不要
https://nodejs.org/en/

firebase-toolsのインストール

  • npmでfirebase-toolsをインストール
    npm install –location=global firebase-tools

  • npmでfirebase-toolsをアンインストール
    npm uninstall firebase-tools

  • macだとコマンドラインでインストールできる
    curl -sL https://firebase.tools | bash

  • fireaseにログイン
    firebase login
    firebase logout

FltuterFireの設定

  • FlutterFireのインストール
dart pub global activate flutterfire_cli
dart pub global deactivate flutterfire_cli
  • FlutterFireでFirebaseのプロジェクト設定
// windows
C:\Users\[userName]\AppData\Roaming\Pub\Cache\bin\flutterfire.bat configure

// mac
flutterfire configure
/Users/[userName]/.pub_cache/bin/flutterfire configure

Windows はパスに含める方が良さそうですね。macはそのままでいけた(パスを通し済みだけかも)

Flutterの設定

  • パッケージのインストール
flutter pub add cloud_firestore
flutter pub add firebase_core
flutter pub get
  • main.dartのFirebaseの設定
import 'package:firebase_core/firebase_core.dart';
import 'firebase_options.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp(
    options: DefaultFirebaseOptions.currentPlatform,
  );
  • Androidで実行
    [project]/android/app/build.gradle
android {
    defaultConfig {
        minSdkVersion 21
    }
}

まとめ

以上を実施すると、FirebaseのFirestoreを実施できます。
詳しいFirestoreの使用方法は、「【Flutter】Firestore 実践ガイド」で動画でご覧になれます。