0
1

More than 1 year has passed since last update.

Firebaseプロジェクトの作成(Flutter)

Posted at

概要

FlutterアプリとFirebaseを接続するための準備をします。
Firebaseの設定~Flutterプロジェクトのビルドが通るようになるまで

前提

デフォルトのカウントアプリを改変して作っているので、
諸々名前が違かったらごめんなさい!
メモ程度でしかないので、ご参考までに〜

Android

スクリーンショット 2022-06-30 18.13.54.png

/{PROJECT_NAME}/android/app/src/main/AndroidManifest.xml
にある

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="{PACKAGE_NAME}">

PACKAGE_NAMEをコピーし、パッケージ名に貼り付けし、その他は埋めずアプリの登録

スクリーンショット 2022-06-30 18.15.25.png

2 で設定ファイルのjsonをダウンロードし、
/{PROJECT_NAME}/android/app に配置

3 で記述のあるように、
スクリーンショット 2022-06-30 18.33.43.png
必要なとこを
/{PROJECT_NAME}/android/build.gradle に追加する

スクリーンショット 2022-06-30 18.24.02.png

続いて同じ感じで
/{PROJECT_NAME}/android/app/build.gradle に追加する
スクリーンショット 2022-06-30 18.29.18.png

iOS

※MacでXcodeが準備できてる人だけ!

VSCodeのターミナルを開いて、下記を実行

open ios/Runner.xcworkspace

Runnerの中の「Bundle Identifier」の値をコピー
何も設定ない人は、色々設定しておくと後で便利かも
スクリーンショット 2022-06-29 1.39.46.png

アプリを追加から、iOSを追加する
スクリーンショット 2022-06-30 18.36.12.png
Androidの時と同じでパッケージ名にコピーしてある値を貼り付け

設定ファイルダウンロードして、RunnerのRunnerの中に入れる
スクリーンショット 2022-06-30 18.49.48.png
※入れる時「Create folder references」にすると、参照できないよみたいなエラーで私はなぜかビルドに失敗したので、「Create groups」にした方がいいかも
スクリーンショット 2022-06-30 19.31.49.png

あとはスキップ

準備

firebase_coreをpubspec.ymlに追加
main.dartに下記を追加

// インポート追加!
import 'package:firebase_core/firebase_core.dart'; // add

// asyncにして、上の2行追加!
void main() async {
  WidgetsFlutterBinding.ensureInitialized(); // add
  await Firebase.initializeApp(); // add
  runApp(const MyApp());
}

ビルド

ビルドできれば多分大丈夫!!

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1