Hello Worldアプリの作成
画面に Hello World !! と表示する簡単なWebアプリを作成し、Blazor WebAssemblyの基礎を理解していきます。
開発環境
開発環境はVisual Studio 2022を使用して行います。
Visual Studio インストーラー時に「ASP.NET と Web の開発」ワークロードにチェックを入れます。
最新のバージョンにアップデートして下さい。
本文記載時の私のバージョンは「Microsoft Visual Studio Community 2022 (64 ビット) - Current Version 17.14.8」です。
また.Netのバージョンは8.0.18です。.NetのバージョンはPowerShellで dotnet --info と入れれば表示されます。
プロジェクト作成
通常はBlazor WebAssemblyを用いたWebアプリを作るにはテンプレートとしてVisualStudioのBlazor WebAssemblyを選択して行いますが、その前にBlazor WebAssemblyの基本構成と動作原理を理解するために、より単純なコンソールアプリをテンプレートとしたプロジェクトを作成します。
その後、構築の容易なBlazor WebAssemblyをテンプレートとしたプロジェクトを作成して、違いを調べながら理解を深めます。
コンソールアプリ-テンプレートを用いたプロジェクト
Blazorアプリ-テンプレートを用いたプロジェクト