Erstellen und Ausführen von Blazor WebAssembly-Projekten
Umwelt
- Visual Studio
-
- Visual Studio 2019
- .NET
-
- .NET 5,0
Abrufen und Installieren von Visual Studio
Verwenden Sie Visual Studio, um Blazor-Projekte zu entwickeln. Im Folgenden erfahren Sie, wie Sie Visual Studio abrufen und einrichten.
Andere Schritte können mühsam sein, aber Visual Studio-Code ermöglicht ihnen auch das Entwickeln. (Ich werde es hier nicht erklären.)
Erstellen eines Blazor WebAssembly-Projekts
Wählen Sie visual Studio 2019 aus dem Startmenü aus. Die Version ist 2019 hier, aber spätere Versionen können auch Projekte erstellen.
Wählen Sie Neues Projekt erstellen aus.
Wenn Sie "Blazor" in das Sucheingabefeld oben eingeben, wird eine Liste angezeigt, also wählen Sie "Blazor WebAssembly App" und klicken Sie auf die Schaltfläche "Weiter".
Der Projektname kann alles sein, aber hier sind wir "BlazorWebAssemblySample". Sie können Projekte erstellen, wo immer Sie sind. Der Lösungsname wird automatisch eingegeben, sodass Sie ihn unverändert belassen können.
Der Zielrahmen ist ". NET Core 3.1 oder höher. Hier ist das Neueste ". NET 5.0" ausgewählt. Der Rest bleibt den Standardeinstellungen überlassen. Wenn Sie fertig sind, klicken Sie auf die Schaltfläche "Erstellen".
Das Visual Studio-Hauptfenster (IDE) wird angezeigt, und die Projekterstellung ist abgeschlossen. Das Layout des Fensters kann je nach Ihren Vorlieben variieren, wirkt sich jedoch nicht auf die Entwicklung aus.
Der angegebene Ordner enthält Dateien, die sich auf das Projekt beziehen. Das Projekt wirkt sich nicht auf die Hierarchie über diesem Ordner (außerhalb) aus, wenn Sie es also nicht mehr benötigen, können Sie jeden Ordner löschen und nichts tun.
Ausführen (Debugausführung)
Ein kleines Beispiel wird im Projekterstellungsstatus abgeschlossen, sodass es so ausgeführt werden kann, wie es ist. Klicken Sie auf der Symbolleiste auf IIS Express, um es auszuführen. Ein einfacher Webserver "IIS Express" wird in Ihrer eigenen Umgebung erstellt und Sie können die Blazor-App ausführen. Dieser IIS Express wird automatisch beendet, wenn Sie das Debuggen beenden.
Übrigens, blazor WebAssembly Debugging-Läufe verwenden den Webserver nur zum Herunterladen von Apps.
Nachdem der Build gestartet wurde und eine bestimmte Zeit verstrichen ist, wird der Build abgeschlossen und der Webbrowser gestartet. Sie sehen einen Webbildschirm, der alle vom Client ausgeführt werden (mit Ausnahme des Zugriffs auf Serverressourcen). Während die clientseitige Verarbeitung für Web-Apps normalerweise in Javascript geschrieben ist, kann Blazor den Mechanismus von WebAssembly verwenden, um sie in C # zu erstellen.
So erhöhen Sie die Anzahl bei jedem Klick: Diese nicht auf dem Bildschirm aktualisierten Operationen sind im Allgemeinen in Javascript geschrieben, aber sie sind auch in C # implementiert.
Dies ist der Bildschirm, der die JSON-Datei vom Server herunterlädt und die Liste anzeigt.
Beenden der Debugausführung
Wenn der Webbrowser selbst gestartet wird, beendet das Schließen des Webbrowsers die Debugausführung, aber wenn Sie ihn in einer neuen Registerkarte in einem bereits gestarteten Webbrowser öffnen, wird der Debuglauf durch Schließen der Registerkarte nicht beendet.
Wenn dies der Fall ist, klicken Sie auf der Visual Studio-Symbolleiste auf die Schaltfläche "Debuggen beenden".
Ende der Entwicklung
Grundsätzlich sollten Sie Visual Studio wie jedes andere Projekt beenden. Wenn keine Dateien gespeichert wurden, wird eine Speicherbestätigung angezeigt.
Wenn Sie erneut entwickeln, können Sie die Datei "xxxxxxxx.sin" oder den Verlauf öffnen, wenn Sie Visual Studio starten, damit Sie sie von dort aus öffnen können.