[fluter flavorize] 폭발 속도로 Flavor를 설정하는 방법.

개시하다


최근에는 다음 URL 설명의 Flavor 가 대응하고 있습니다.
특별한 이유 없이 송촌 선생이 해설한 기사를 토대로 플라보의 설정을 하는 게 좋다.
flutter_flavorizr를 사용하고 싶다면 이 글을 참고할 수 있다고 생각합니다.
https://zenn.dev/riscait/articles/separating-environments-in-flutter

프로젝트 작성

  • 터미널을 열고 통합 Flutter 프로젝트의 폴더로 이동
    ※ "development"폴더에서 Fluter 프로젝트 요약
  • $ cd development
    
  • 다음 명령을 사용하여 Flutter 프로젝트를 만듭니다.
    ※ 조직명은'jp.co.mukku', 애플리케이션명은'my app'
  • $ flutter create my_app --org jp.co.mukku
    

    설정


    이번에는 Flavor 설정을 위해 flutterflavorize 사용
    https://pub.dev/packages/flutter_flavorizr

  • flutter_flavorizr를 사용하기 위해서는 다음 세 개를 설치해야 합니다.
    Ruby
    Gem
    Xcodeproj(through RubyGems)

  • pubspec.yaml의 devdependencies에 다음과 같이 기술하십시오.그리고 flutter pub get.
  • dev_dependencies:
      flutter_flavorizr: ^2.0.0
    
  • pupspec.yaml에서 Flavor 설정 설명하기
    ※ 이번엔 dev, stg, prod 세 플라보 환경이 준비되어 있습니다.
  • flavorizr:
      app:
        android:
          flavorDimensions: "flavor-type"
        ios:
    
      flavors:
        dev:
          app:
            name: "dev app name"
    
          android:
            applicationId: "jp.co.mukku.my_app.dev"
    
          ios:
            bundleId: "jp.co.mukku.my_app.dev"
    
        stg:
          app:
            name: "stg app name"
    
          android:
            applicationId: "jp.co.mukku.my_app.stg"
          ios:
            bundleId: "jp.co.mukku.my_app.stg"
    
        prod:
          app:
            name: "prod app name"
    
          android:
            applicationId: "jp.co.mukku.my_app.prod"
          ios:
            bundleId: "jp.co.mukku.my_app.prod"
    
  • 다음 명령 실행
  • flutter pub run flutter_flavorizr
    
    명령 실행이 완료되면 각 Flavor 환경의main(flavor).데이터를 생성하는 중입니다.
    구축 모드와 Flavor 환경을 각각 지정하고 flutter run을 지정함으로써 다양한 환경에서 구축을 실행할 수 있습니다.
    예를 들어 다음과 같이 실행할 수 있다.
    // ビルドモード: debug、 Flavor環境: devで実行
    flutter run --debug --flavor dev --dart-define=Flavor=dev -t lib/main_dev.dart
    

    VScode의 launch.json 설정


    이번에는 debug-dev·debug-stg·debug-prod 환경 설정을 진행했다.
    {
        "version": "0.2.0",
        "configurations": [
            {
                "name": "debug-dev",
                "request": "launch",
                "type": "dart",
                "program": "lib/main_dev.dart",
                "args": [
                    "--debug",
                    "--flavor",
                    "dev",
                    "--dart-define=FLAVOR=dev",
                ],
            },
            {
                "name": "debug-stg",
                "request": "launch",
                "type": "dart",
                "program": "lib/main_stg.dart",
                "args": [
                    "--debug",
                    "--flavor",
                    "stg",
                    "--dart-define=FLAVOR=stg",
                ],
            },
            {
                "name": "debug-prod",
                "request": "launch",
                "type": "dart",
                "program": "lib/main_prod.dart",
                "args": [
                    "--debug",
                    "--flavor",
                    "prod",
                    "--dart-define=FLAVOR=prod",
                ],
            },
        ]
    }
    
    이렇게 하면 3개의 Flavor 환경에서 실행할 수 있습니다.
    녹색 삼각 단추를 누르면 프로그램을 실행할 수 있습니다.

    좋은 웹페이지 즐겨찾기