Oprette og udføre Blazor WebAssembly-projekter
miljø
- Visual Studio
-
- Visual Studio 2019
- .NET
-
- .NET 5.0
Introduktion og installation af Visual Studio
Brug Visual Studio til at udvikle Blazor-projekter. Se, hvordan du får og konfigurerer Visual Studio nedenfor.
Andre trin kan være kedelige, men visual studio kode giver dig også mulighed for at udvikle. (Jeg vil ikke forklare her.)
Oprette et Blazor WebAssembly-projekt
Vælg Visual Studio 2019 i menuen Start. Versionen er 2019 her, men senere versioner kan også oprette projekter.
Vælg Opret et nyt projekt.
Hvis du indtaster "Blazor" i søgefeltet ovenfor, vises en liste, så vælg "Blazor WebAssembly App" og klik på knappen "Næste".
Projektnavnet kan være hvad som helst, men her er vi "BlazorWebAssemblySample". Du kan oprette projekter, uanset hvor du er. Løsningsnavnet angives automatisk, så du kan lade det være som det er.
Målet rammer er ". NET Core 3.1 eller nyere. Her er den seneste ". NET 5.0" er valgt. Resten er overladt til standardindstillingerne. Når du er færdig, skal du klikke på knappen "Opret".
Det primære visuelle studievindue (IDE) vises, og projektoprettelsen er fuldført. Vinduets layout kan variere afhængigt af dine præferencer, men det påvirker ikke udviklingen.
Den angivne mappe indeholder filer, der er relateret til projektet. Projektet påvirker ikke hierarkiet over denne mappe (udenfor), så hvis du ikke længere har brug for det, kan du slette hver mappe, og du kan ikke gøre noget.
Kør (fejlfinding af udførelse)
Et lille eksempel er afsluttet i projektoprettelsestilstanden, så det er muligt at udføre det som det er. Klik på IIS Express på værktøjslinjen for at køre den. En simpel webserver "IIS Express" er oprettet i dit eget miljø, og du kan køre Blazor-appen. Denne IIS Express afsluttes automatisk, når du afslutter fejlfinding.
Af den måde, blazor WebAssembly debugging kører bruge webserveren kun at downloade apps.
Når buildet starter, og der er gået en vis tid, fuldføres buildet, og webbrowseren starter. Du får vist et webskærmbillede, som alle udføres af klienten (bortset fra adgang til serverressourcer). Mens klient-side behandling for web-apps er normalt skrevet i Javascript, Blazor kan bruge WebAssembly mekanisme til at oprette dem i C #.
Sådan øger du antallet, hver gang du klikker: Disse ikke-skærm opdaterede handlinger er generelt skrevet i Javascript, men de er også implementeret i C #.
Dette er det skærmbillede, der henter JSON-filen fra serveren og viser listen.
Stop kørsel af fejlfinding
Hvis webbrowseren startes af sig selv, vil lukning af webbrowseren gøre en ende på fejlfindingen af programmet, men hvis du åbner den under en ny fane i en webbrowser, der allerede er startet, vil lukning af fanen ikke afslutte fejlfindingskørslen.
Hvis det er tilfældet, skal du klikke på knappen "Stop fejlfinding" fra værktøjslinjen i Visual Studio.
Slut på udviklingen
Dybest set skal du afslutte Visual Studio ligesom ethvert andet projekt. Hvis der ikke er gemt filer, vises en bekræftelse på lagring.
Når du udvikler igen, kan du åbne filen "xxxxxxxx.sin" eller åbne historikken, når du starter Visual Studio, så du kan åbne den derfra.