Einführung

  • 3 Minuten

Mit Blazor können C#-Entwickler ihre Fähigkeiten zur Erstellung von Web-Apps mit C# nutzen. Blazor Hybrid ermöglicht es Entwickler*innen, Blazor-Web-UI-Komponenten (sogenannte Razor-Komponenten) in nativen mobilen und Desktopclient-Apps zu nutzen. Blazor Hybrid-Apps basieren auf einer Hybridlösung aus Webentwicklung und nativer Cliententwicklung.

Blazor Hybrid unterstützt die Verwendung von Razor-Komponenten mit:

  • .NET MAUI (Multi-Platform User Interface)
  • Windows Forms (WinForms)
  • Windows Presentation Foundation (WPF)

Angenommen, Sie entwickeln eine clientseitige Webanwendung und verfügen bereits über ein Team von .NET-Webentwicklern. Nehmen Sie außerdem an, dass Sie Ihre App als native Multiplattform-App für Desktop- und mobile Plattformen wie iOS, Android, macOS und Windows bereitstellen möchten.

Mit Blazor können Entwickler mithilfe von gängigen Sprachen, Frameworks und Tools Front-End- und Back-End-Logik für Web-Apps erstellen. Mit .NET MAUI können Sie Multiplattform-Apps aus einem einzigen Projekt erstellen und auf plattformspezifischen Quellcode und Ressourcen für Desktop- und mobile Plattformen zugreifen. Durch die Kombination dieser beiden Technologien mit Blazor Hybrid können Entwickler*innen native Client- und Web-Apps erstellen, die gemeinsame UI-Komponenten und eine gemeinsame Logik nutzen. Blazor Hybrid kann für die gesamte native Anwendung oder Teile der nativen Anwendung genutzt werden.

Die Verwendung derselben Sprache für Front-End-Web-Apps, Client-Apps und Back-End-Code bietet folgende Vorteile:

  • Schnellere App-Entwicklung
  • Geringere Komplexität der Buildpipeline
  • Einfachere Wartung
  • Entwickler verstehen sowohl den clientseitigen als auch den serverseitigen Code und arbeiten auch mit beidem.

Lernziele

Inhalte dieses Moduls:

  • Konfigurieren Ihrer lokalen Umgebung für die Blazor Hybrid- und .NET MAUI-Entwicklung mit Visual Studio
  • Erstellen eines neuen Blazor Hybrid-Projekts, das von .NET MAUI unterstützt wird
  • Hinzufügen einer Razor-Komponente zu einer Blazor Hybrid-Seite
  • Aktualisieren der Logik in einer Blazor-Web-App
  • Informationen zur Ereignisbehandlung und Datenbindung in Blazor-Komponenten
  • Verwenden von Routing in einer Blazor-App
  • Zugreifen auf Plattformfeatures mit .NET MAUI