Blazor WebAssembly-projecten maken en uitvoeren
milieu
- Visual Studio
-
- Visual Studio 2019
- .NET
-
- .NET 5,0
Visual Studio ophalen en installeren
Gebruik Visual Studio om Blazor-projecten te ontwikkelen. Hieronder vindt u meer informatie over het ophalen en instellen van Visual Studio.
Andere stappen kunnen vervelend zijn, maar met visual studio-code kun je ook ontwikkelen. (Ik zal het hier niet uitleggen.)
Maak een Blazor WebAssembly project
Selecteer Visual Studio 2019 in het menu Start. De versie is hier 2019, maar latere versies kunnen ook projecten maken.
Selecteer Een nieuw project maken.
Als u "Blazor" invoert in het bovenstaande zoekinvoerveld, wordt een lijst weergegeven, dus selecteer "Blazor WebAssembly App" en klik op de knop "Volgende".
De projectnaam kan van alles zijn, maar hier zijn we "BlazorWebAssemblySample". U kunt projecten maken waar u ook bent. De naam van de oplossing wordt automatisch ingevoerd, zodat u deze ongewijzigd kunt laten.
Het doelkader is ". NET Core 3.1 of hoger. Hier is de laatste ". NET 5.0" is geselecteerd. De rest wordt overgelaten aan de standaardinstellingen. Als u klaar bent, klikt u op de knop "Maken".
Het hoofdvenster van visual studio (IDE) wordt weergegeven en het maken van het project is voltooid. De lay-out van het venster kan variëren afhankelijk van uw voorkeuren, maar het heeft geen invloed op de ontwikkeling.
De opgegeven map bevat bestanden die betrekking hebben op het project. Het project heeft geen invloed op de hiërarchie boven deze map (buiten), dus als u het niet langer nodig hebt, kunt u elke map verwijderen en kunt u niets doen.
Uitvoeren (foutopsporing uitvoeren)
Een klein voorbeeld wordt voltooid in de status van het maken van het project, dus het is mogelijk om het uit te voeren zoals het is. Klik op IIS Express op de werkbalk om het uit te voeren. Een eenvoudige webserver "IIS Express" wordt in uw eigen omgeving gemaakt en u kunt de Blazor-app uitvoeren. Deze IIS Express wordt automatisch afgesloten wanneer u foutopsporing afsluit.
Trouwens, blazor WebAssembly debuggen draait de webserver alleen om apps te downloaden.
Nadat de build is gestart en een bepaalde hoeveelheid tijd is verstreken, is de build voltooid en wordt de webbrowser gestart. U ziet een webscherm, dat allemaal per client wordt uitgevoerd (behalve voor toegang tot serverbronnen). Terwijl client-side verwerking voor web-apps meestal in Javascript is geschreven, kan Blazor het mechanisme van WebAssembly gebruiken om ze in C # te maken.
Ga als volgt te werk om het aantal te verhogen telkens wanneer u klikt: Deze niet-schermvernieuwde bewerkingen zijn over het algemeen geschreven in Javascript, maar ze zijn ook geïmplementeerd in C #.
Dit is het scherm waarin het JSON-bestand van de server wordt gedownload en de lijst wordt weergegeven.
Stop de uitvoering van foutopsporing
Als de webbrowser zelf wordt gestart, wordt het sluiten van de webbrowser beëindigd door de uitvoering van foutopsporing, maar als u deze opent in een nieuw tabblad in een webbrowser die al is gestart, wordt het sluiten van het tabblad niet beëindigd.
Als dit het geval is, klikt u op de knop 'Foutopsporing stoppen' op de werkbalk van Visual Studio.
Einde ontwikkeling
Kortom, u moet Visual Studio afsluiten, net als elk ander project. Als er geen bestanden zijn opgeslagen, wordt een opslagbevestiging weergegeven.
Wanneer u opnieuw ontwikkelt, kunt u het bestand 'xxxxxxxx.sin' openen of de geschiedenis openen wanneer u Visual Studio start, zodat u het vanaf daar kunt openen.