Web デプロイメント

Dart Web アプリのデプロイは、他の Web アプリのデプロイと同様に動作します。このページでは、アプリのコンパイル方法、アプリを小さく高速化するためのヒント、アプリを提供するためのリソースについて説明します。

webdev ツールを使用してアプリをビルドします。Dart を JavaScript にコンパイルし、デプロイに必要なすべてのアセットを生成します。コンパイラのプロダクションモードを使用してビルドすると、コンパイラのツリーシェイキングのサポートのおかげで、JavaScript ファイルがかなり小さくなります。

少しの手間をかければ、デプロイ可能なアプリをより小さく、より速く、より信頼性の高いものにすることができます。

webdev build コマンドを使用すると、デプロイ可能なバージョンのアプリを作成できます。このコマンドは、コードを JavaScript に変換し、結果を build/web/main.dart.js として保存します。dart compile js で使用できるオプションはすべて webdev build で使用できます。

次の手順はオプションです。アプリの信頼性と応答性を向上させるのに役立ちます。

• 遅延読み込みを使用してアプリの初期サイズを削減する
• Web アプリのベストプラクティスに従う
• 不要なビルドファイルを削除する

Dart の遅延読み込みのサポートを使用して、アプリの初期ダウンロードサイズを削減できます。詳細については、言語ツアーの遅延読み込みに関する説明を参照してください。

Web アプリの一般的なアドバイスは、Dart Web アプリにも当てはまります。いくつかのリソースを紹介します。

• 高速な読み込み時間
• Web Fundamentals (特にコンテンツ効率の最適化)
• プログレッシブ Web アプリ
• Lighthouse

Web コンパイラは、開発中に役立つ Dart から JavaScript へのマップファイルなど、本番環境では不要なファイルを作成することがあります。

これらのファイルを削除するには、次のようなコマンドを実行できます。

# From the root directory of your app:
$ find build -type f -name "*.js.map" -exec rm {} +

`find build/web -name "*.map" -print0 | xargs -0 rm`

Dart Web アプリは、他の Web アプリと同様に配信できます。このセクションでは、Dart Web アプリの配信に関するヒントと、GitHub Pages または Firebase を使用してアプリを配信するのに役立つ Dart 固有のリソースを紹介します。

アプリがルーティングを使用せず、サーバー側のサポートを必要としない場合は、GitHub Pagesを使用してアプリを配信できます。peanut パッケージは、Dart Web アプリの gh-pages ブランチを自動的に生成する簡単な方法です。

startup_namer の例は、GitHub Pages を使用してホストされています。そのファイルは、filiph/startup_namer リポジトリの **gh-pages** ブランチにあり、peanut を使用してビルドされました。

• Firebase でのデプロイの詳細については、次のリソースを参照してください。
• Firebase Hosting のドキュメントでは、Firebase を使用して Web アプリをデプロイする方法について説明しています。

Firebase Hosting のドキュメントのホスティング動作の構成では、リダイレクト、書き換えなどについて説明しています。