Flavor Of Flutter Flutter Meetup Tokyo #1 FlutterͰstaging/production؀ڥͷ੾ସ

ࣗݾ঺հ • @fullfool / FURUKI Eiji • iOS / Android ΤϯδχΞ • ϞΠגࣜձࣾ • Flutterྺɹࡢ೥8݄த०͔Β • ࠷ۙFlutter৮ͬͯͳ͍

agenda

agenda • Flavorͱ͸ • DartͰFlavorΛऔಘ͢Δ • AndroidStudio, XcodeͰFlavorΛࢦఆ͢Δ • PlatformຖͷFlavorͷఆٛ • Firebase, FastlaneͱFlavor

agenda • Flavorͱ͸ • DartͰFlavorΛऔಘ͢Δ • AndroidStudio, XcodeͰFlavorΛࢦఆ͢Δ • PlatformຖͷFlavorͷఆٛ • Firebase, FastlaneͱFlavor

Flavorͱ͸ʁ

Flavorͱ͸ʁ • ҰͭͷϓϩδΣΫτͰdemo൛ʗfull൛ɺࣾ಺ ςετ༻ʗετΞ༻ͳͲͷෳ਺ͷ؀ڥΛఆٛ ͢Δ࢓૊Έ • AndroidͰ͸ ProductFlavor • iOSͰ͸ Scheme

FlavorΛࢦఆͯ͠ΞϓϦΛ࣮ߦ $ flutter run --flavor staging $ flutter run --flavor production `--flavor` ΦϓγϣϯͰFlavorΛࢦఆ͢Δ flavorʹࢦఆ͢Δ஋͸Platformଆ(Android/iOS)ͰઃఆࡁΈͷ஋͕ࢦఆͰ ͖·͢
 ͦΕͧΕͷPlatformͰͷFlavorͷఆٛ͸εϥΠυ຤ඌʹ

DartͰFlavorΛऔಘ͢Δํ๏

DartͰFlavorΛऔಘ void main() { const String flavor = const String.fromEnvironment('flavor'); configure(flavor); runApp(new MyApp()); } const bool isReleaseMode = const bool.fromEnvironment('dart.vm.product'); ىಈ࣌ʹFlavorΛऔಘ͍ͨ͠ releaseϞʔυΛऔಘ͢Δ࣌

DartͰFlavorΛऔಘ void main() { const String flavor = const String.fromEnvironment('flavor'); configure(flavor); runApp(new MyApp()); } const bool isReleaseMode = const bool.fromEnvironment('dart.vm.product'); ىಈ࣌ʹFlavorΛऔಘ͍ͨ͠ releaseϞʔυΛऔಘ͢Δ࣌

DartͰFlavorຖͷॲཧΛߦ͏ ̎ͭͷํ๏ • Flavor औಘ༻ͷ MethodChannel Λ࡞Δ • Flavor ຖʹ Dart Entry-Point Λมߋ͢Δ

MethodChannelͱ͸ • Platform(Obj-C/Java)Ͱఆٛͨؔ͠਺Λඇಉظ ݺͼग़͢͠ΔͨΊͷΫϥε • ىಈ࣌ʹPlatformଆͰMethodChannelΛొ࿥ • DartଆͰMethodChannelΛ࢖༻͢Δ͜ͱͰɺ PlatformͰͷॲཧ݁ՌΛऔಘͰ͖Δ

MethodChannelͷొ࿥(Android) new MethodChannel(getFlutterView(), "flavor") .setMethodCallHandler(new MethodChannel.MethodCallHandler() { @Override public void onMethodCall(MethodCall methodCall, MethodChannel.Result result) { result.success(BuildConfig.FLAVOR); } }); ΞϓϦىಈ࣌ʹMethodChannelΛొ࿥͢Δ ʢ͜ͷchannel͸Flavorऔಘઐ༻ͷͨΊMethodCall͸ࢀর͠ͳ͍ʣ

MethodChannelͷొ࿥(Android) new MethodChannel(getFlutterView(), "flavor") .setMethodCallHandler(new MethodChannel.MethodCallHandler() { @Override public void onMethodCall(MethodCall methodCall, MethodChannel.Result result) { result.success(BuildConfig.FLAVOR); } }); ProductFlavor(BuildConfig.FLAVOR)Λฦ͢

MethodChannelͷొ࿥(iOS) FlutterViewController* controller = (FlutterViewController*)self.window.rootViewController; FlutterMethodChannel* flavorChannel = [FlutterMethodChannel methodChannelWithName:@"flavor" binaryMessenger:controller]; [flavorChannel setMethodCallHandler:^(FlutterMethodCall *call, FlutterResult result) { NSString* flavor = (NSString*)[[NSBundle mainBundle] .infoDictionary valueForKey:@"Flavor"]; result(flavor); }]; Bundleʹఆٛ͢ΔSchemeʹؔ࿈෇͚ͨFlavorΛฦ͢

MethodChannelͰFlavorऔಘ void main() { _run(); } Future _run() async { var flavor = await MethodChannel('flavor').invokeMethod('getFlavor'); configure(flavor); runApp(new MyApp()); } main.dartͰFlavorΛऔಘͯ͠ɺઃఆΛॳظԽ

Dart Entry-Pointͱ͸ • ೚ҙͷdartϑΝΠϧΛࢦఆ͢Δ • ࢦఆͨ͠dartϑΝΠϧͷmain()ؔ਺͔Β࢝·Δ $ flutter run --flavor staging -t lib/main_staging.dart

FlavorຖͷEntry-Point • main.dart͸ "production"ͰઃఆॳظԽ void main() { configure("staging"); runApp(new MyApp()); } void main() { configure("production"); runApp(new MyApp()); } • main_staging.dart͸ "staging"ͰઃఆॳظԽ

FlavorΛѻ͏৔߹ MethodCallͱEntry-Point Ͳͬͪ࢖͑͹ʁ

MethodCallͱEntry-Point • MethodChannel • Obj-C, Java(Swift, Kotlin)΋༻ҙ͢Δ • Pluginͱಉ͡ͳͷͰɺ׳Ε͓ͯ͘ͱPlugin࡞Γ΍͍͢ • Entry-Point • Dart͚ͩͰ׬݁͢ΔͷͰ͓खܰ • XcodeͰͷ؀ڥ੾ସϛε͋Γͦ͏

࣮ߦ࣌ͷFlavorࢦఆ

࣮ߦ࣌ͷFlavorࢦఆ(CLI) • CLIͰ࣮ߦ͢Δ৔߹͸ɺ͜ͷίϚϯυ • AndroidStudio, XcodeͰ࣮ߦ͢Δ࣌ʹFlavor(Entry-Point)Λࢦఆ͢ Δʹ͸ʁ $ flutter run --flavor staging -t lib/main_staging.dart

࣮ߦ࣌ͷFlavorࢦఆ (AndroidStudio Flutter Plugin) Menu > Run > Edit Configurations... ʹͯ "Build flavor"ͱ "Dart entrypoint" Λࢦఆ͢Δ

࣮ߦ࣌ͷFlavorࢦఆ(Xcode) • Xcode͔ΒFlutterΞϓϦΛ࣮ߦ͢Δ৔߹ʹ͸ `build` ίϚϯυͰม ߋͰ͖Δ • ίϚϯυ࣮ߦޙɺXcodeͰSchemeΛมߋ͢Δ $ flutter build ios --flavor staging -t lib/main_staging.dart

·ͱΊ

·ͱΊ • DartͰFlavorΛѻ͏ʹ͸ɺ̎ͭͷํ๏͕͋Δ • XcodeͰ௚઀࣮ߦ͢Δ࣌΍ɺFastlane΍CIͰ͸ `flutter build` Ͱ؀ڥΛ੾ସ͑Δ͜ͱʹཹҙ͢ ΔɻͦΕҎ֎͸ࠓ·ͰͦΕͧΕͷPlatformͰ ΍͍ͬͯͨํ๏Ͱɻ

PlatformͰͷFlavorఆٛ

PlatformͰͷFlavorఆٛ(Android) android { ... defaultConfig {...} buildTypes {...} flavorDimensions "api" productFlavors { staging { dimension "api" applicationIdSuffix ".staging" manifestPlaceholders = [appName: "Casmo dev"] } production { dimension "api" manifestPlaceholders = [appName: "Casmo"] } } } ௨ৗͷAndroidΞϓϦͷProductFlavorsͱಉ༷

PlatformͰͷFlavorఆٛ(iOS) • SchemeΛઃఆ • ConfigurationΛઃఆ • Build SettingsͷPRODUCT_BUNDLE_IDENTIFIERΛมߋ • Build SettingsͷUser-Defined ValueΛ௥Ճ • info.plistʹFlavorͷkey-valueΛ௥Ճ

PlatformͰͷFlavorఆٛ(iOS) • SchemeΛઃఆ

PlatformͰͷFlavorఆٛ(iOS) • ConfigurationΛઃఆ

PlatformͰͷFlavorఆٛ(iOS) • Build SettingsͷPRODUCT_BUNDLE_IDENTIFIERΛมߋ

PlatformͰͷFlavorఆٛ(iOS) • Build SettingsͷUser-Defined ValueΛ௥Ճ ($PRODUCT_FLAVOR)

PlatformͰͷFlavorఆٛ(iOS) • info.plistʹFlavorͷkey-value ($Flavor ) Λ௥Ճ

Firebaseͷ੾ସ

Firebaseͷ੾ସ(Android) src/$flavor ຖʹ google-services.json Λ഑ஔ

Firebaseͷ੾ସ(iOS) GoogleService-Info-$flavor.plist Λىಈ࣌ʹಡ Έସ͑Δ - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { NSString *flavor = (NSString*)[[NSBundle mainBundle] .infoDictionary valueForKey:@"Flavor"]; NSString *firebaseInfo = [NSString stringWithFormat: @"GoogleService-Info-%@", flavor]; NSString *path = [[NSBundle mainBundle] pathForResource:firebaseInfo ofType:@"plist"]; FIROptions* firOptions = [[FIROptions alloc] initWithContentsOfFile:path]; if (firOptions == nil) { assert("Couldn't load config file"); } [FIRApp configureWithOptions:firOptions];

Fastlane+Beta

Fastlane+Beta(Android) lane :beta do |options| flavor = (options[:prod] ? "production" : "staging") entry_dart = (options[:prod] ? "lib/main.dart" : "lib/main_staging.dart") sh("cd ../.. && flutter build apk --flavor #{flavor} -t #{entry_dart} --release && cd -") changelog_from_git_commits # upload to Beta crashlytics( ... ) slack( ... ) end flutter buildͰ؀ڥΛ੾Γସ͑ͯϏϧυ͢Δ

Fastlane+Beta(iOS) lane :beta do |options| scheme = (options[:prod] ? "Production" : "Staging") flavor = (options[:prod] ? "production" : "staging") entry_dart = (options[:prod] ? "lib/main.dart" : "lib/main_staging.dart") sh("cd ../.. && flutter build ios --flavor #{flavor} -t #{entry_dart} --release && cd -") gym( scheme: scheme, configuration: "Release #{scheme}", export_method: "ad-hoc" ) changelog_from_git_commits # upload to Beta crashlytics( ... ) slack( ... ) end flutter buildͰ؀ڥΛ੾Γସ͑ͯϏϧυ͢Δ