目次

サーバーへの配置

Blazor WebAssembly アプリの配置は、基本的に静的ファイルとしてホスティング可能な環境であればどこでも可能です。
Windows以外のOSやIIS や Azure App Service、GitHub Pages などのWebサーバーが利用できます。
配置する際には、配置先の index.html 内の  タグの href 属性を、配置先のサブパスに合わせて調整する必要があります。

配置の手順

1. 発行:

Blazor WebAssembly プロジェクトを発行します。

手順

  1. ソリューションエクスプローラでをプロジェクトファイルを右クリックして「発行」を選択します。
  2. ターゲットとしてフォルダを選択します。
  3. ターゲットフォルダの場所はデフォルトで bin\Release\net8.0\browser-wasm\publish\ となりますが、任意のフォルダが指定できます。
  4. ターゲットフォルダの場所を指定して完了ボタンを押します。
  5. 実行プロファイル作成の進行状況ダイアログが表示されたら閉じて下さい。公開画面が表示されます。
    公開画面
  6. 「すべての設定を表示」をクリックします。公開ダイアログが表示されます。
    公開ダイアログ
  7. ターゲットフレームワークやファイル公開オプション等を確認して保存します。
  8. 公開画面に戻ったら発行ボタンを押します。
  9. ターゲットフォルダに必要なプロジェクトファイル一式がが発行されます。
    発行ファイル

2. 配置:

発行されたファイルを、選択したサーバーに配置します。
FTPソフトなどを使用してターゲットフォルダ内にある wwwroot フォルダ内の全てのファイルとフォルダを Webサーバーの任意のフォルダ内に転送します。

3. index.html の設定:

Webサーバーの転送先フォルダ直下にあるindex.htmlファイル内の  タグを、配置先のサブパスに合わせて調整します。
例えば、/my-app に配置する場合は、 のように設定します。

4. 起動

配置先フォルダを指定してアプリを起動します。
例えば、ドメイン my-server.jp の /my-app に配置された場合は https://my-server.jp/my-app/ でアプリを起動します。