はじめに

Flutter によるスマホアプリ開発で、Flutterの開発環境構築とプロジェクトを作成する方法をまとめました。

スマホアプリとして、質の高いサービスを配信/運用するには「アプリのアクセス/クラッシュ解析」や「PUSH通知」や「ログイン認証」など、多くの機能が必要になります。このような機能は、Firebaseを使用すると簡単に実装することが出来ます。

Firebase は、優れたアプリを開発し、ユーザーベースを拡大、収益を高めるためのツールです。Firebaseを使えば、インフラ構築に手間取ることなくビジネスを収益化し、効率よくアプリを開発し、運用・管理することができるようになります。

Flutterで作成したプロジェクトにFirebaseを追加する方法を備忘録としてまとめます。

事前準備

Flutter によるスマホアプリ開発を確認
- Flutterの開発環境構築とプロジェクトを作成
Google アカウントを使って Firebase にログイン
- Firebase プロジェクトを作成
- Firebase プロジェクトについて理解するを確認

実装

Flutter アプリに Firebase を追加するを参考に実装します。
Firebaseは、OSに依存する機能を使用するので、各プラットフォームごとに実装する必要があります。

iOS アプリを構成する

iOS アプリを構成方法を確認しながら設定します。

バンドル ID を Firebaseコンソールに設定します。
Firebase iOS 構成ファイル（GoogleService-Info.plist）を取得します。
ファイルを Flutter アプリの Runner/Runner ディレクトリに移動します。

Android アプリを構成する

Android アプリを構成を確認しながら設定します。

パッケージ名を Firebaseコンソールに設定します。
Firebase Android 構成ファイル（google-services.json）を取得します。
ファイルを Flutter アプリの android/app ディレクトリに移動します。
Gradle ファイルに設定を追記して、 flutter packages get を実行します。

android/build.gradle

buildscript {

  repositories {
    // Check that you have the following line (if not, add it):
    google()  // Google's Maven repository
  }

  // ...
  dependencies {
    // ...

    // Add the following line:
    classpath 'com.google.gms:google-services:4.3.3'  // Google Services plugin
  }
}
allprojects {
  // ...

  repositories {
    // Check that you have following line (if not, add it):
    google()  // Google's Maven repository
    // ...
  }
}

android/app/build.gradle

dependencies {
  // ...
}

// ...

// Add the following line to the bottom of the file:
apply plugin: 'com.google.gms.google-services'  // Google Play services Gradle plugin

FlutterFire プラグインを追加する

FlutterFire プラグインを追加するを確認しながら設定します。
以前書いた記事の FlutterやDartのパッケージを使用するにプラグインの追加方法は記載してます。

Flutter アプリのルートディレクトリから、pubspec.yaml ファイルを開きます。
Firebase Core SDK を pubspec.yaml に追記します。

pubspec.yaml

dependencies:
  flutter:
    sdk: flutter
  firebase_core: ^0.4.4+3  # add dependency for Firebase Core

特定の Firebase プロダクトを使用するためには FlutterFire プラグインを追加します。

まとめ

今回は Flutterプロジェクトに Firebase の設定を行いました。
また別で、「アプリのアクセス/クラッシュ解析」や「クロスプラットフォームでPUSH通知」や「ログイン認証」などの実装を、今後まとめていきます。