Was ist Blazor Hybrid?
Unternehmen, die Web- und Client-Apps entwickeln, stellen üblicherweise Entwickler für unterschiedliche Positionen ein. Einige erstellen die serverseitige Back-End-Logik. Einige sind für die Entwicklung clientseitiger Web-Apps zuständig. Andere entwickeln native Client-Anwendungen für mobile und Desktop-Plattformen. Häufig verwenden diese Entwickler verschiedene Programmiersprachen und -technologien.
C# und .NET sind eine beliebte Wahl für die Entwicklung serverseitiger Logik. Clientseitige Web-Apps werden häufig mit Web-UI-Frameworks unter Verwendung JavaScript entwickelt. Für native Client-Apps für Desktop und Mobile gibt es mehrere Optionen, darunter viele für .NET und C#. Die Verwendung mehrerer Sprachen und Tools erfordert unterschiedliche Fähigkeiten und erfordert oft zwei separate Teams. Außerdem muss Code für die Übertragung und Darstellung von Daten in beiden Sprachen erstellt und synchron gehalten werden. Blazor Hybrid kann die Aufgaben, den Code und die Prozesse Ihres Entwicklungsteams vereinfachen, indem es Ihnen ermöglicht, Ihre vorhandenen Fähigkeiten und Ihren Code bei der Erstellung von Webanwendungen in C# und .NET für die Erstellung von nativen Clientanwendungen mit denselben Technologien zu nutzen.
In dieser Lerneinheit erhalten Sie zunächst eine Einführung in Blazor Hybrid, .NET MAUI und Razor-Komponenten.
Was ist Blazor?
Blazor-Apps bestehen aus wiederverwendbaren Komponenten einer Webbenutzeroberfläche, die mit C#, HTML und CSS erstellt werden. Mit Blazor können Entwickler Client- und Servercode mit C# erstellen. Sie können zudem Code und Bibliotheken für den Front-End-Clientcode sowie die Back-End-Logik freigeben. Die Verwendung von C# für den gesamten Code vereinfacht die Freigabe von Daten zwischen Front-End und Back-End, ermöglicht die Wiederverwendung von Code zur Beschleunigung der Entwicklung und verringert den Wartungsaufwand.
Was ist Blazor Hybrid?
Mit Blazor Hybrid können Entwickler*innen Desktop- und mobile native Client-Frameworks mit .NET und Blazor kombinieren.
In einer Blazor Hybrid-App werden die Razor-Komponenten nativ auf dem Gerät ausgeführt. Komponenten werden über einen lokalen Interoperabilitätskanal in einem eingebetteten Webansicht-Steuerelement gerendert. Komponenten werden nicht im Browser ausgeführt, und WebAssembly ist nicht beteiligt. Razor-Komponenten laden und führen Code schnalle aus, und die Komponenten haben über die .NET-Plattform vollen Zugriff auf die nativen Funktionen des Geräts.
Was ist .NET MAUI?
.NET MAUI (Multi-Platform App UI) ist ein plattformübergreifendes Framework zum Erstellen nativer Mobil- und Desktop-Apps mit C# und XAML. Mit .NET MAUI können Sie Apps entwickeln, die auf Android, iOS, macOS und Windows mit einer einzigen gemeinsamen Codebasis laufen. Eines der Hauptziele von .NET MAUI ist es, Ihnen die Möglichkeit zu geben, einen möglichst großen Teil Ihrer Anwendungslogik und Ihres UI-Layouts in einer einzigen Codebasis zu implementieren. .NET MAUI vereint Android-, iOS-, macOS- und Windows-APIs in einer einzigen API. Diese ermöglicht es Entwickler*innen, Code nur einmal zu schreiben und überall auszuführen, während sie gleichzeitig umfassenden Zugriff auf jeden Aspekt jeder nativen Plattform hat.
Blazor Hybrid-Apps mit .NET MAUI
Das .NET MAUI-Framework bietet integrierte Unterstützung für Blazor Hybrid. .NET MAUI enthält das BlazorWebView-Steuerelement, das die Darstellung von Razor-Komponenten in einer eingebetteten Webansicht ermöglicht. Durch die gemeinsame Verwendung von .NET MAUI und Blazor können Sie einen Satz von Web-UI-Komponenten für Mobilgeräte, Desktops und das Web wiederverwenden.
Anforderungen für die Blazor Hybrid-Entwicklung
Sie können Blazor Hybrid-Apps mit der neuesten Version von Visual Studio 2022 oder Visual Studio Code erstellen (.NET SDK, .NET MAUI-Workload, C# Dev Kit-Erweiterung und .NET MAUI-Erweiterung müssen installiert sein). In diesem Modul verwenden wir Visual Studio 2022 oder Visual Studio Code, um unsere Blazor-Hybrid-Anwendung zu erstellen.
Unabhängig von Ihrer Entwicklungsumgebung müssen Sie die .NET MAUI-Workload installieren, um sicherzustellen, dass das .NET 8.0-SDK und die Tools in Visual Studio verfügbar sind. Nach der Installation verfügen Sie über alle notwendigen Komponenten, um mit der Entwicklung von Blazor Hybrid-Apps zu beginnen. In der nächsten Übung erstellen Sie Ihre erste Blazor Hybrid-App.