Skapa och genomföra Blazor WebAssembly-projekt
miljö
- Visuell studio
-
- Visual Studio 2019
- .NET
-
- .NET 5.0
Hämta och installera Visual Studio
Använd Visual Studio för att utveckla Blazor-projekt. Läs om hur du hämtar och konfigurerar Visual Studio nedan.
Andra steg kan vara tråkiga, men visuell studiokod låter dig också utvecklas. (Jag kommer inte att förklara här.)
Skapa ett Blazor WebAssembly-projekt
Välj Visual Studio 2019 på Start-menyn. Versionen är 2019 här, men senare versioner kan också skapa projekt.
Välj Skapa ett nytt projekt.
Om du anger "Blazor" i sökinmatningsfältet ovan visas en lista, så välj "Blazor WebAssembly App" och klicka på knappen "Nästa".
Projektnamnet kan vara vad som helst, men här är vi "BlazorWebAssemblySample". Du kan skapa projekt var du än är. Lösningsnamnet anges automatiskt, så att du kan lämna det som det är.
Målramen är ". NET Core 3.1 eller senare. Här är det senaste ". NET 5,0" är markerat. Resten lämnas till standardinställningarna. När du är klar klickar du på knappen "Skapa".
Det huvudsakliga visuella studiofönstret (IDE) visas och projektskapandet är klart. Fönstrets layout kan variera beroende på dina inställningar, men det påverkar inte utvecklingen.
Den angivna mappen innehåller filer som är relaterade till projektet. Projektet påverkar inte hierarkin ovanför den här mappen (utanför), så om du inte längre behöver den kan du ta bort varje mapp och du kan inte göra någonting.
Kör (felsökningskörning)
Ett litet exempel slutförs i projektskapandets tillstånd, så det är möjligt att köra det som det är. Klicka på IIS Express i verktygsfältet för att köra det. En enkel webbserver "IIS Express" skapas i din egen miljö och du kan köra Blazor-appen. Den här IIS Express avslutas automatiskt när du avslutar felsökningen.
Förresten, blazor WebAssembly felsökning körs använder webbservern endast för att ladda ner appar.
När bygget har startat och en viss tid har gått ut slutförs bygget och webbläsaren startar. Du ser en webbsida, som alla görs av klienten (förutom åtkomst till serverresurser). Medan klient bearbetning för webbappar vanligtvis är skriven i Javascript, kan Blazor använda WebAssemblys mekanism för att skapa dem i C#.
Så här ökar du antalet varje gång du klickar: Dessa icke-skärmuppflädrade åtgärder skrivs i allmänhet i Javascript, men de implementeras också i C#.
Det här är skärmen som hämtar JSON-filen från servern och visar listan.
Stoppa felsökningskörning
Om webbläsaren startas av sig själv slutar felsökningen av webbläsaren, men om du öppnar den på en ny flik i en webbläsare som redan har startats avslutas inte felsökningskörningen om du stänger fliken.
Om så är fallet klickar du på knappen "Stoppa felsökning" i verktygsfältet Visual Studio.
Slut på utvecklingen
I grund och botten bör du avsluta Visual Studio precis som alla andra projekt. Om några filer inte har sparats visas en spara-bekräftelse.
När du utvecklas igen kan du öppna filen "xxxxxxxx.sin" eller öppna historiken när du startar Visual Studio, så att du kan öppna den därifrån.