スマホアプリとFlutter

Flutterへのエクスポート

アプリをネイティブのFlutterプロジェクトに変換します。

ビルダーのダッシュボードタブでFlutterを開き(スマホアプリならすぐに表示されます。その他のプロジェクトでは開発者ツールをオンにします)、Flutterアプリを生成をクリックします(メッセージクレジット30)。builder77が画面をネイティブのFlutterウィジェット(Material 3)として作り直します。このアプリはWebアプリと同じクラウドデータベースにつながります。

できあがるもの

  • pubspec.yaml: 依存パッケージ flutter、http、cupertino_icons
  • lib/main.dart: アプリ本体。REST API 用の小さな M77Client も含まれます

動かしてみる

  • DartPad: DartPadタブに main.dart が読み込まれ、ブラウザで実行できます。
  • 自分のパソコンで: プロジェクトをダウンロードして(Starterプラン以上)、次を実行します。
cd your_app
flutter create . --project-name your_app
flutter pub get
flutter run

ストアに出す

App StoreとGoogle Playに出す方法は2つあります。

私たちのチームに任せる。 スマホアプリなら、App StoreとGoogle Playで公開を押します(Flutterタブか公開ウィンドウにあります)。月額$99で、私たちのチームがアプリをビルドして両方のストアにアップロードし、その後のアップデートもすべてアップロードします。いつでも解約できます。ストアの審査は通常数日かかり、承認するかどうかはAppleとGoogleが決めます。

自分で行う。 自分のパソコンとFlutter開発環境(AndroidならAndroid Studio、iOSならMac上のXcode)でリリース用のファイルをビルドし、ご自身のGoogle Play ConsoleとApple Developerのアカウントで申請します。

flutter build appbundle   # Google Play
flutter build ipa         # App Store (macOS + Xcode)

最新の状態に保つ

あとでWebアプリを変更すると、FlutterタブにWebアプリが変更されましたと表示されます。再生成をクリックしてください。Dartのコードを直接編集して保存することもできます。