ASP.NET Core Blazor 7.0

Eintrag zuletzt aktualisiert am: 26.11.2022

ASP.NET Core Blazor 7.0 ist im Rahmen von .NET 7.0 am 8.11.2022 erscheinen.

Neuigkeiten in Blazor 7.0

Verbesserung der Blazor-Werkzeuge

• Neue minimale Projektvorlage für ein (fast leeres) Blazor-Projekt
• Ladeanimation für Blazor WebAssembly
• Verbesserungen für den Razor-Editor in Visual Studio

Verbesserungen für alle Blazor-Varianten

• Übergabe von Werten per Browser History Stack
• Verhindern der Navigation im Browser
• Programmcode ausführen im Rahmen der Datenbindung bei @bind (@bind:get, @bind:set, @bind:after)
• Eigenschaft SpacerElement bei der Blazor-Komponente <Virtualize>
• Blazor Custom Elements haben Produktionsreife erlangt
• QuickGrid: DataGrid-Steuerelemente für Blazor (experimentell)

Verbesserungen für Blazor WebAssembly

• Verbesserungen beim Blazor WebAssembly-Debugging, das bisher im Vergleich zu anderen .NET-basierten UI-Frameworks einigen Einschränkungen
• JavaScript-Interoperabilität via Annotationen [JSImport] und [JSExport] für Aufrufe zwischen JavaScript und C# in Blazor WebAssembly als Ersatz für die nun obsolete Schnittstelle IJSUnmarshalledRuntime
• SubtleCrypto-API des Browsers für Hashing genutzt (Fallback auf .NET-Implementierungen)
• Dynamische Open ID Connect-Authentifizierung in Blazor WebAssembly

Details zu Blazor 7.0

In die Projektvorlage für Blazor WebAssembly-basierte Single-Page-Apps hat Microsoft eine anpassbare Ladeanimation mit prozentualer Fortschrittsanzeige eingebaut. Zudem gibt es zwei neue Projektvorlagen für ein fast leeres Blazor WebAssembly- und Blazor Server-Projekte.

Bei der Datenbindung existieren jetzt in allen Blazor-Varianten bei der Eigenschaft "@bind" die neuen Zusätze ":get" und ":set", um das Auslesen von Werten und das Schreiben neuer Werte auf einfache Weise zu trennen. @bind:get erwartet ein Field oder Property und @bind:set erfordert eine passende Methode. Zudem dürfen Blazor-Entwickler bei @bind:after eine Methode angeben, die automatisch nach Aktualisierung des Klassenmitglieds ausgeführt werden soll, das bei @bind (ohne Zusatz) festgelegt wurde. Die in Blazor enthaltene Klasse Microsoft.AspNetCore.Components.NavigationManager kann in der Methode NavigateTo() der Folgeseite eine Zeichenkette über den "Browser History Stack" übergeben. Das Wegnavigieren von einer Seite kann der Entwickler mit einer Nachfrage versehen, z.B. im Fall ungespeicherter Änderungen.

Das NuGet-Paket Microsoft.AspNetCore.Components.CustomElements zum Erstellen von HTML Custom Elements (Web Components) in Blazor, das es schon seit .NET 6.0 RC1 [https://www.heise.de/news/Reif-fuer-die-Produktion-Erster-Release-Candidate-von-NET-6-6192682.html] gibt, aber bisher den Status "experimentell" hatte, ist jetzt offizieller und unterstützter Bestandteil von .NET 7.0. Neu im experimentellen Status ist nun ein Datengitter-Steuerelement für Blazor mit Namen "QuickGrid" [https://www.nuget.org/packages/Microsoft.AspNetCore.Components.QuickGrid].

Weitere Neuerungen speziell für Blazor WebAssembly sind:

• Eine schnellere, auf Zeigern basierende Interoperabilität zwischen C# und JavaScript über die Vergabe der neuen Annotation [JSImport] und [JSExport].
• die Unterstützung diverser Hashing-Algorithmen direkt über die Schnittstelle SubtleCrypto des Web Crypto API in modernen Webbrowsern. Bisher waren diese in Blazor WebAssembly nur über die .NET-Implementierung erreichbar.
• Erweiterung der Anfrageoptionen für die Open ID Connect-Authentifizierung (siehe [https://github.com/dotnet/aspnetcore/issues/42580] und [https://github.com/dotnet/aspnetcore/issues/38122]).
• Verbesserungen für das Debugging, das bisher im Vergleich zu anderen .NET-basierten UI-Frameworks einigen Einschränkungen unterlag. Leider wurden nicht alle Einschränkungen beseitigt; z.B. hält der Debugger weiterhin nicht bei Laufzeitfehlern.