はじめに
Blazor を使用すると、C# 開発者は自身のスキルを活用し、C# を使用して Web アプリを構築できます。 Blazor Hybrid を使用すると、開発者はモバイルおよびデスクトップのネイティブ クライアント アプリ内から Blazor Web UI コンポーネント (Razor コンポーネントと呼ばれる) を使用できます。 Blazor Hybrid アプリでは、Web とネイティブ クライアント開発の "ハイブリッド" が使用されます。
Blazor Hybrid では、次での Razor コンポーネントの使用がサポートされています。
- .NET MAUI (Multi-Platform App UI)
- Windows フォーム (WinForms)
- Windows Presentation Foundation (WPF)
たとえば、クライアント側の Web アプリを構築していて、.NET Web 開発者のチームが既にあるとします。 また、iOS、Android、macOS、Windows など、モバイルとデスクトップ プラットフォーム全体でネイティブのマルチプラットフォーム アプリとしてアプリをデプロイするとします。
Blazor を使用すると、開発者は、共通の言語、フレームワーク、およびツールを使って Web アプリのフロントエンドおよびバックエンドのロジックを構築できます。 .NET MAUI を使用すると、1 つのプロジェクトからマルチプラットフォーム アプリを構築し、プラットフォーム固有のソース コードとモバイルおよびデスクトップ プラットフォーム用のリソースにアクセスできます。 Blazor Hybrid でこの 2 つのテクノロジを組み合わせることにより、開発者は、共有 UI コンポーネントとロジックを活用するネイティブクライアントおよび Web アプリを構築できます。 Blazor Hybrid は、ネイティブ アプリケーション全体、またはネイティブ アプリケーションの一部に使用できます。
フロントエンド Web アプリ、クライアント アプリ、およびバックエンドのコードに同じ言語を使用すると、次のことが可能になります。
- アプリの開発が高速になります。
- ビルド パイプラインの複雑さが軽減されます。
- メンテナンスが簡単になります。
- 開発者は、クライアント側とサーバー側の両方のコードを理解し、作業することができます。
学習の目的
このモジュールでは、次のことを行います。
- Visual Studio を使用して Blazor Hybrid および .NET MAUI 開発用にローカル環境を構成します。
- .NET MAUI を利用した新しい Blazor Hypbid プロジェクトを作成する。
- Blazor Hybrid ページに Razor コンポーネントを追加する。
- Blazor Hybrid アプリのロジックを更新する。
- Blazor コンポーネントでのイベント処理とデータ バインディングについて学習する
- Blazor アプリでルーティングを使用する
- .NET MAUI を利用してプラットフォームの機能にアクセスする。