Open3
flutterでfirebase設定
TikTakSick始め方
- 環境；Macbook M1
プロジェクトの作成
- 下記サイトにアクセスして，プロジェクトを作成．
Firebase CLI をインストール
$ npm install -g firebase-tools
- これで，
firebaseコマンドが有効となる．
$ which firebase
/Users/user/.nvm/versions/node/v18.12.1/bin/firebase
firebase設定
firebaseをアプリで使用するよう設定
- flutterプロジェクト下のディレクトリに移る．
- 以下実行
$ dart pub global activate flutterfire_cli
・・・
Built flutterfire_cli:flutterfire.
Installed executable flutterfire.
Warning: Pub installs executables into $HOME/.pub-cache/bin, which is not on your path.
You can fix that by adding this to your shell's config file (.bashrc, .bash_profile, etc.):
export PATH="$PATH":"$HOME/.pub-cache/bin"
-
~/.zshrcに下記を追加
export PATH="$PATH":"$HOME/.pub-cache/bin"
-
その後，
$ source ~/.zshrcを実行 -
下記コマンドを実行．これで，
lib/firebase_options.dart構成ファイルが flutter プロジェクトに追加される．
$ flutterfire configure --project=<プロジェクト ID>
初期化設定
$ flutter pub add firebase_core
$ flutterfire configure
lib\main.dartを編集
import 'package:flutter/material.dart';
import 'package:firebase_core/firebase_core.dart';
import 'firebase_options.dart';
void main() async {
//ここから
await Firebase.initializeApp(
options: DefaultFirebaseOptions.currentPlatform,
);
// ここまでを加える
runApp(const MyApp());
}
参考
TikTakSickFirebase プラグインの追加
- プラグイン（Cloud Firestore、Authentication、Analytics等）
$ flutter pub add <PLUGIN_NAME>
$ flutterfire configure
参考