プロジェクトの作成⚓︎
プロジェクトテンプレートの選択⚓︎
開発するプログラムの種類に応じて、適切なプロジェクトテンプレートを選択しましょう。 以下、利用することの多いプロジェクトテンプレートについて解説します。
クラスライブラリ⚓︎
クラスライブラリ を参照してください。
Blazor Web アプリ⚓︎
以下の用途で利用します。
- サーバー側で HTML をレンダリングする Web アプリケーション
【参考】 .NET CLI を用いて Blazor Web アプリ プロジェクトを作成する方法
プロジェクトを作成するフォルダーに移動して、以下のコマンドを利用します。 プロジェクト名はフォルダー名と同名になります。
| 対話型 SSR を使用した Blazor Web アプリプロジェクトの作成コマンド | |
|---|---|
1 | |
Fluent Blazor Web アプリ⚓︎
Blazor Web アプリの利用用途に加えて、以下の用途で利用します。
- UI コンポーネントとして Fluent UI Blazor コンポーネントを用いた Web アプリケーション
プロジェクトを作る前に必要な作業
Fluent Blazor Web アプリのプロジェクトを作成するには、事前にプロジェクトテンプレートをインストールする必要があります。 以下のコマンドで Microsoft.FluentUI.AspNetCore.Templates をインストールできます。
| プロジェクトテンプレートのインストールコマンド | |
|---|---|
1 | |
【参考】 .NET CLI を用いて Fluent Blazor Web アプリのプロジェクトを作成する方法
プロジェクトを作成するフォルダーに移動して、以下のコマンドを利用します。 プロジェクト名はフォルダー名と同名になります。
| 対話型 SSR を使用した Fluent Blazor Web アプリプロジェクトの作成コマンド | |
|---|---|
1 | |
Visual Studio でプロジェクトを作成する際の追加情報の設定
Visual Studio で Blazor Web アプリおよび Fluent Blazor Web アプリプロジェクトを作成する場合、追加情報の設定を求められます。 AlesInfiny Maris では以下のように設定しています。
-
フレームワーク
その時点で最新の長期的サポートバージョンを選択
-
認証の種類
「なし」を選択
-
HTTPS 用の構成
チェックする
-
対話型レンダリングモード
「サーバー」を選択
SSR アプリケーションの開発では原則として「サーバー」を選択します。
-
インタラクティビティの場所
「グローバル」を選択
SSR アプリケーションでは原則として「グローバル」を選択します。
-
その他のオプション
「サンプルページを含める」にチェック
ヘッダー・フッター・ナビゲーション・サンプルページが追加されます。 画面の構造を細かく制御したい場合はチェックを外してください。
xUnit v3 テストプロジェクト⚓︎
xUnit v3 テストプロジェクト を参照してください。
プロジェクト間の依存関係の設定⚓︎
各プロジェクトを作成後、アーキテクチャに従ってプロジェクト間の依存関係を設定します。 SSR アプリケーションのプロジェクトの依存関係の設定例は、 SSR アーキテクチャ概要 - アプリケーションアーキテクチャ を参照してください。
具体的な設定方法については、プロジェクト内の参照を管理する を参照してください。