Flutterでstaging/production環境を切替える

Transcript

1. 1.

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

2. 2.

   ࣗݾ঺հ • @fullfool / FURUKI Eiji • iOS / Android

   ΤϯδχΞ • ϞΠגࣜձࣾ • Flutterྺɹࡢ೥8݄த०͔Β • ࠷ۙFlutter৮ͬͯͳ͍
3. 3.

   agenda

4. 4.

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

   • Firebase, FastlaneͱFlavor
5. 5.

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

   • Firebase, FastlaneͱFlavor
6. 6.

   Flavorͱ͸ʁ

7. 7.

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

   Scheme
8. 8.

   FlavorΛࢦఆͯ͠ΞϓϦΛ࣮ߦ $ flutter run --flavor staging $ flutter run --flavor

   production `--flavor` ΦϓγϣϯͰFlavorΛࢦఆ͢Δ flavorʹࢦఆ͢Δ஋͸Platformଆ(Android/iOS)ͰઃఆࡁΈͷ஋͕ࢦఆͰ ͖·͢
 ͦΕͧΕͷPlatformͰͷFlavorͷఆٛ͸εϥΠυ຤ඌʹ
9. 9.

   DartͰFlavorΛऔಘ͢Δํ๏

10. 10.

    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ϞʔυΛऔಘ͢Δ࣌
11. 11.

    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ϞʔυΛऔಘ͢Δ࣌
12. 12.

    DartͰFlavorຖͷॲཧΛߦ͏ ̎ͭͷํ๏ • Flavor औಘ༻ͷ MethodChannel Λ࡞Δ • Flavor ຖʹ

    Dart Entry-Point Λมߋ͢Δ
13. 13.

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

14. 14.

    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͸ࢀর͠ͳ͍ʣ
15. 15.

    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)Λฦ͢
16. 16.

    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Λฦ͢
17. 17.

    MethodChannelͰFlavorऔಘ void main() { _run(); } Future _run() async {

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

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

    staging -t lib/main_staging.dart
19. 19.

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

    } void main() { configure("production"); runApp(new MyApp()); } • main_staging.dart͸ "staging"ͰઃఆॳظԽ
20. 20.

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

21. 21.

    MethodCallͱEntry-Point • MethodChannel • Obj-C, Java(Swift, Kotlin)΋༻ҙ͢Δ • Pluginͱಉ͡ͳͷͰɺ׳Ε͓ͯ͘ͱPlugin࡞Γ΍͍͢ •

    Entry-Point • Dart͚ͩͰ׬݁͢ΔͷͰ͓खܰ • XcodeͰͷ؀ڥ੾ସϛε͋Γͦ͏
22. 22.

    ࣮ߦ࣌ͷFlavorࢦఆ

23. 23.

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

    --flavor staging -t lib/main_staging.dart
24. 24.

    ࣮ߦ࣌ͷFlavorࢦఆ (AndroidStudio Flutter Plugin) Menu > Run > Edit Configurations...

    ʹͯ "Build flavor"ͱ "Dart entrypoint" Λࢦఆ͢Δ
25. 25.

    ࣮ߦ࣌ͷFlavorࢦఆ(Xcode) • Xcode͔ΒFlutterΞϓϦΛ࣮ߦ͢Δ৔߹ʹ͸ `build` ίϚϯυͰม ߋͰ͖Δ • ίϚϯυ࣮ߦޙɺXcodeͰSchemeΛมߋ͢Δ $ flutter

    build ios --flavor staging -t lib/main_staging.dart
26. 26.

    ·ͱΊ

27. 27.

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

28. 28.

    PlatformͰͷFlavorఆٛ

29. 29.

    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ͱಉ༷
30. 30.

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

    SettingsͷUser-Defined ValueΛ௥Ճ • info.plistʹFlavorͷkey-valueΛ௥Ճ
31. 31.

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

32. 32.

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

33. 33.

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

34. 34.

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

35. 35.

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

36. 36.

    Firebaseͷ੾ସ

37. 37.

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

38. 38.

    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];
39. 39.

    Fastlane+Beta

40. 40.

    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Ͱ؀ڥΛ੾Γସ͑ͯϏϧυ͢Δ
41. 41.

    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Ͱ؀ڥΛ੾Γସ͑ͯϏϧυ͢Δ