Schrittweiser Einstieg in Blazor WebAssembly anhand des praxisnahen Fallbeispiels Single-Page-Webanwendung "MiracleList".
- Das Tutorial wurde am 3.9.2020 komplett (alle fünf Teile) bei der Heise Redaktion abgeliefert.
- Die Redaktion hat den Text in den Folgemonaten sukzessive veröffentlicht. Das Tutorial ist zwischen Oktober 2020 und März 2021 bei www.heise.de/developer erschienen.
- Der Code wurde inzwischen auf .NET 7.0 aktualisiert. Der Text im Tutorial auf Heise.de kann aber leider nicht mehr geändert werden :-(
Sobald die einzelnen Teile des Tutorials erschienen sind, werden diese hier verlinkt:
- Einleitungsbeitrag: Blazor Server und Blazor WebAssembly: Alternativen zu JavaScript? - erschienen am 22.9.2020
- Teil 1: Web API-Aufrufe und Rendern von Daten (ca. 18.000 Zeichen) - erschienen am 23.10.2020
- Teil 2: Eingabesteuerelemente und JavaScript-Interoperabilität (ca. 20.000 Zeichen) - erschienen am 27.11.2000
- Teil 3: Authentifizierung und Autorisierung (ca. 20.000 Zeichen) - erschienen am 30.12.2020
- Teil 4: Zustandsverwaltung und Nachladen von Modulen (ca. 19.000 Zeichen) - erschienen am 29.01.2021
- Teil 5: Bi-Direktionale Kommunikation und Benachrichtigungen (ca. 19.000 Zeichen) - erschienen am 02.03.2021
- Visual Studio 2022 ab Version 17.4
- .NET 7.0 SDK
- Wichtig: Sie benötigen eine eigene Client-ID für das cloudbasierte MiracleList-Backend!
Die Quellcodestände vor/nach den einzelnen Tutorial-Teilen finden Sie in den Branches
- v0.0.x Ausgangszustand / Beginn Teil 1
- v0.1.x Stand nach Teil 1 / Beginn Teil 2
- v0.2.x Stand nach Teil 2 / Beginn Teil 3
- v0.3.x Stand nach Teil 3 / Beginn Teil 4
- v0.4.x Stand nach Teil 4 / Beginn Teil 5
- v0.5.x Stand nach Teil 5
Hinweis: Der Master-Branch enthält gegenüber bei Heise veröffentlichten Tutorial folgende weitere Funktionen
- Nachladen von JavaScript-Dateien
- Modaler Bestätigungsdialog mit Bootstrap
- Blazor WebAssembly im .NET-Lexikon
- Fertige Lösung "MiracleList" auf Basis Blazor WebAssembly in der Aure-Cloud
- Cloudbasiertes MiracleList-Backend basiert auf ASP.NET Core --> Quellcode auf GitHub