🪴
flutter_flavorizrでFlutter+Firebaseの環境を分ける
| 修正リクは ➡️ |  |
|---|
Flutter 3.17以降Dart-define-from-fileを使ったやり方が複雑になったので、flutter_flavorizrを使ってFirebaseを使いつつ環境を分ける方法を紹介します。
- firebase_cliは使わず、マニュアルインストールです。
- 今回は
devとprodのみです。
1. インストール
flutter pub add --dev flutter_flavorizr
以下は初回のみ実行（gem版のxcodeprojが必要です）
gem install xcodeproj
2. flavorizr.yamlの設定
ide: "vscode" # or 'idea', .vscode/launch.jsonを作ってくれます。
flavors:
dev:
app:
name: "[Dev]AppName"
android:
applicationId: "com.example.app_name.dev"
firebase:
config: ".firebase/dev/google-services.json"
ios:
bundleId: "com.example.app-name.dev"
firebase:
config: ".firebase/dev/GoogleService-Info.plist"
variables:
REVERSED_CLIENT_ID:
value: "YOUR REVERSED CLIENT ID"
prod:
app:
name: "AppName"
android:
applicationId: "com.example.app_name"
firebase:
config: ".firebase/prod/google-services.json"
ios:
bundleId: "com.example.app-name"
firebase:
config: ".firebase/prod/GoogleService-Info.plist"
variables:
REVERSED_CLIENT_ID:
value: "YOUR REVERSED CLIENT ID"
FirebaseAuthのGoogleSignInの設定でどうせつかうので、例も兼ねてREVERSED_CLIENT_IDを設定しています。
Info.plist内で$(REVERSED_CLIENT_ID)と書けば使えます。
Firebaseが不要の場合はfirebase:やvariables:は要りません。また、以下の手順3~5も不要です。
3. GoogleServiceファイルを設置
mkdir -p .firebase/dev .firebase/prod
GoogleService-Info.plistとgoogle-services.jsonをそれぞれ設置します。
.firebase/
├── dev
│ ├── GoogleService-Info.plist
│ └── google-services.json
└── prod
├── GoogleService-Info.plist
└── google-services.json
4. Androidのための設定
CLIを使った最新の設定ドキュメントからは無くなってしまったかもしれませんが、昔のドキュメントでは弄る場所が記載されています。
android/build.gradle
+buildscript {
+ repositories {
+ google()
+ mavenCentral()
+ }
+ dependencies {
+ classpath 'com.google.gms:google-services:4.3.8' // 最新verだとエラーになる
+ }
+}
+
allprojects {
repositories {
google()
mavenCentral()
}
}
rootProject.buildDir = '../build'
subprojects {
project.buildDir = "${rootProject.buildDir}/${project.name}"
}
subprojects {
project.evaluationDependsOn(':app')
}
tasks.register("clean", Delete) {
delete rootProject.buildDir
}
android/app/build.gradle
...
android {
...
defaultConfig {
...
+ multiDexEnabled true
}
...
}
...
dependencies {
+ implementation 'com.android.support:multidex:1.0.3' // いらないかも？
}
+apply plugin: 'com.google.gms.google-services'
Firebase Emulator Suiteを使う場合
エミュレーターでは暗号化されていないネットワークを使用しているそうなので、開発用の設定を追加します。
android/app/src/debug/AndroidManifest.xml
<manifest xmlns:android="http://schemas.android.com/apk/res/android">
<!-- The INTERNET permission is required for development. Specifically,
the Flutter tool needs it to communicate with the running application
to allow setting breakpoints, to provide hot reload, etc.
-->
<uses-permission android:name="android.permission.INTERNET"/>
+ <application android:usesCleartextTraffic="true">
+ <!-- possibly other elements -->
+ </application>
</manifest>
5. iOSのための設定
.gitignore
*/Runner/GoogleService-Info.plist
このファイルはビルド毎に書き換わるので、.gitignoreに追加しておきます。
6. 実行
dart run flutter_flavorizr
終わりです
MacOS用 Warning抑制
バージョンがどうのというwarning
macos/Podfile
post_install do |installer|
installer.pods_project.targets.each do |target|
flutter_additional_macos_build_settings(target)
+ target.build_configurations.each do |config|
+ config.build_settings['MACOSX_DEPLOYMENT_TARGET'] = '10.14' # 数字は任意
+ end
end
end
・warning: Run script build phase 'Firebase Setup' will be run during every build because it does not specify any outputs.
XcodeのTARGETSRunner → Build PhasesにあるFirebase SetupのスクリプトのOutput Filesに以下を追加します。
$(SRCROOT)/Runner/GoogleService-Info.plist
トラブルシュート
・Unable to load contents of file list: ...
上のOutputFilesを1度弄ったら治った。ちなみに戻しても治ったままだった🤔
公式で案内されている治し方はこちら ↓ (コマンドだけ書き出し)
flutter clean
cd ios && pod deintegrate; cd -
rm -rf ios/Pods ios/.symlinks ios/Podfile.lock
flutter pub get
mac用
flutter clean
cd macos && pod deintegrate; cd -
rm -rf macos/Pods macos/.symlinks macos/Podfile.lock
flutter pub get
それでも治らないときは手動で治す
・Failed to load FirebaseOptions from resource. Check that you have defined values.xml correctly.
E/flutter ( 5091): [ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: PlatformException(java.lang.Exception: Failed to load FirebaseOptions from resource. Check that you have defined values.xml correctly., Exception, Cause: null, Stacktrace: java.lang.Exception: Failed to load FirebaseOptions from resource. Check that you have defined values.xml correctly.
E/flutter ( 5091): at io.flutter.plugins.firebase.core.FlutterFirebaseCorePlugin.lambda$optionsFromResource$4$io-flutter-plugins-firebase-core-FlutterFirebaseCorePlugin(FlutterFirebaseCorePlugin.java:207)
E/flutter ( 5091): at io.flutter.plugins.firebase.core.FlutterFirebaseCorePlugin$$ExternalSyntheticLambda2.run(Unknown Source:4)
E/flutter ( 5091): at java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1167)
E/flutter ( 5091): at java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:641)
E/flutter ( 5091): at java.lang.Thread.run(Thread.java:923)
E/flutter ( 5091): , null)
というエラーが出た場合はAndroidのための設定を忘れているか、com.google.gms:google-servicesのバージョンが高すぎる可能性があります。
記事執筆時点での最新は4.4.1ですが、4.3.8なら問題なく動作しました。（4.4.0,4.3.9は同様のエラーとなりました。）
Discussion