web-dev-qa-db-ja.com

サーバーにフラッターWebをデプロイする方法

Flutter webを学んでいました。次に、このコードを実サーバーにデプロイします。ここのフラッターコード：libフォルダー内

void main() => runApp(new MyApp());    
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter layout demo',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter layout demo'),
        ),
        body: Center(
          child: Text('Hello World'),
        ),
      ),
    );
  }
}

このコードをサーバーにデプロイするにはどうすればよいですか？ Flutterウェブの新人です。

dartflutterflutter-web
8
MHJ

webdevツールを使用して本番ビルドを実行する必要があるだけです。 webdevをインストールするには、pubツールが必要です。

  1. dart SDKがインストールされている場所に移動し、binフォルダー内にpubバッチファイルがあるはずです。 cmdからpubを使用するには、binフォルダーの環境変数へのパスを指定する必要があります。

  2. cmdを開き、以下のコマンドを実行してwebdevをインストールします

    pub global activate webdev

    // intelliJ Ideaターミナル

  3. プロジェクトのルートフォルダーに移動し、リリースモードでビルドを実行します

    flutter build web

  4. ビルドフォルダー（/build/web）ルートディレクトリで、そのフォルダーをコピーしてWebサーバーでホストします。

同じ方法でGitHubページにデプロイしました 詳細ガイドはこちら

便利なリンク： https://Dart.dev/tools/webdev#build

これが実行中です flutterweb app

8
maheshmnj

Firebaseプロジェクトの場合は、Firebase Hostingを使用できます。

システムにFirebase Toolsをインストールするように求められ、プロジェクトのルートフォルダーで初期化する必要があります。

それからあなたはただしなければなりません：

flutter build web
firebase deploy

ブラウザーを更新します（ctrl + F5またはctrl + shift + r）

0
Gustavo Contreiras

web e.qを介して独自のサーバーを使用する場合は、仮想プライベートホストまたはネット上の他のホスト：

プロジェクトのルートフォルダーに移動し、リリースモードでビルドを行いますflutter build web、その後

アップロード(/build/web)directory to your server、 this link を設定して、IIS on windows serverで構成できます。

0
FxRi4

これは、Amazon WebサーバーにフラッターWebアプリケーションをデプロイする簡単な方法です。

以下は私が従う簡単なプロセスです。

  1. フラッターウェブを構築：flutter build web —release
  2. aws ec2サーバーでインスタンスを作成する ：サーバー上のWebサイトにメモリを割り当てます。インスタンスはawsクラウドの仮想サーバーです。
  3. PuTTY を使用してサーバー（インスタンス）に接続します。
  4. Vestaコントロールパネルのインストール サーバーに。 （Vestaが気に入らない場合は、他のコントロールパネルもインストールできます）。
  5. サーバーにコンテンツ（ウェブサイト）をアップロードします（ FileZilla を使用すると、サーバーにウェブサイトのコンテンツを簡単にアップロードできます）。

これが簡単なビデオチュートリアルです： https://youtu.be/htuHNO9JeR

0
Abdullah Khan