【Flutter】デスクトップアプリ（macOS）の開発＆ビルド

Flutter

2020.02.202022.05.06

Flutter のデフォルトでは iOS/Android が有効になっていますが、ここではデスクトップアプリ（macOS）を有効化してデスクトップアプリを開発＆ビルドする方法について解説します。

Flutter のセットアップ

Flutter のデスクトップアプリ（macOS）は現在（2020年2月時点）まだ Flutter SDK の stable チャンネルでは利用できないので、以下のコマンドで SDK チャンネルを master に変更します。

# SDKチャンネルを変更
flutter channel master

# SDKも更新しておきます
flutter upgrade

以下のコマンドでデスクトップアプリ（macOS）を有効にします。

# macOS デスクトップアプリを有効にする
flutter config --enable-macos-desktop

#（無効にしたい場合のコマンドはこちら）
flutter config --no-enable-macos-desktop

以下のコマンドで新規プロジェクトを作成すればデスクトップアプリが含まれるプロジェクトが生成されます。

flutter create myapp

デスクトップアプリが有効になっていれば、Android Studio や Visual Studio Code から新規作成しても web が含まれるプロジェクトが生成されるようになります。

ちなみに、macOSからWindows、WindowsからMacOS、といった異なるプラトフォームのビルドは今のところできないので、開発環境OSのデスクトップアプリのプロジェクトだけが生成されます。

※ 既存のプロジェクトに web を追加したい場合は、プロジェクトのルートに移動してから、以下のコマンドでデスクトップアプリを追加することができます。

flutter create .

デスクトップアプリを有効にすると、利用可能なデバイスに macOS（desktop） が追加されるので、これを使って開発＆デバッグを行っていきます。

※ コマンドから起動する場合はこちら。

flutter run -d macos

リリース用のアプリをビルドする場合は以下のコマンドを使います。

flutter build macos

ビルドされたアプリケーション（macOS）はプロジェクトの以下のフォルダに出力されます。

出力された [アプリ名].app を実行すればデスクトップアプリが起動します。

デスクトップアプリはまだ stable ではないので、パッケージの対応などはこれからといった感じですが、これだけ手軽に「モバイル/web/デスクトップ」のアプリを横断的にビルドできるので今後が楽しみですね。