ZeaburでFlutterをデプロイする

Flutterは、Googleが開発したオープンソースのUIソフトウェア開発キットで、クロスプラットフォームのモバイルアプリケーションを構築するために使用されます。

この記事では、Zeabur上でFlutterウェブサイトをデプロイする方法をご案内します。

ステップ1：Flutterプロジェクトを作成する

まず、Flutter公式ドキュメントに従ってFlutterをインストールしてください。

以下のコマンドを入力して、Flutterが正しくインストールされているかを確認できます。

flutter doctor

すべてのチェック項目が緑色であれば、おめでとうございます。Flutterが正しくインストールされています。

次に、flutter createコマンドを使用して新しいFlutterプロジェクトを作成します。

flutter create myapp
cd myapp
flutter run -d chrome

あなたがすばやくFlutterプロジェクトを始めるために、私たちはテンプレートを用意しました：zeabur/flutter-template。

GitHubページでUse this templateボタンをクリックして、テンプレートを使用できます。

まず、Zeabur CLIデプロイガイドに従ってZeabur CLIをインストールしていることを確認してください。

次に、新しく初期化したFlutterプロジェクトで、バージョン管理にまだコミットされていないファイルをGitに追加します。

git init
git add -A
git commit -m "Initial commit"

その後、以下のコマンドを使用してサービスをデプロイします。

zeabur

Zeaburダッシュボードにアクセスして新しいプロジェクトを作成します。

次に、Deploy New Serviceボタンをクリックし、GitHubからデプロイするを選択します。

💡

Zeaburで初めてGitHubからプロジェクトをデプロイする場合は、先にGitHub Appを設定してインストールする必要があります。詳細なガイドはこちらで確認できます。

リポジトリとブランチを選択した後、Zeaburは自動的にサービスのビルドを開始します。

ZeaburはあなたのサービスがFlutterで構築されたことを自動的に検出するため、追加の設定は必要ありません。デプロイは数分以内に完了します。

デプロイが完了したら、Flutterウェブサイトのドメインを設定する必要があります。

サービスページの「Domain」タブを開き、「Generate Domain」または「Custom Domain」をクリックします。

サービスにドメインをバインドする方法の詳細については、ドメインバインディングを参照してください。