Blazor WebAssembly projektide loomine ja käivitamine

Lehe loomise kuupäev :

keskkond

Visual Studio
  • Visual Studio 2019
.NET
  • .NET 5.0

Visual Studio hankimine ja installimine

Kasutage Visual Studio arendada Blazor projekte. Vaadake, kuidas Visual Studiot hankida ja seadistada allpool.

Muud sammud võivad olla tüütud, kuid visuaalne stuudio kood võimaldab teil ka areneda. (Ma ei selgita siin.)

Blazor WebAssembly projekti loomine

Valige menüüSt Start suvand Visual Studio 2019. Siin on versioon 2019, kuid hilisemad versioonid võivad luua ka projekte.

Valige Loo uus projekt.

Kui sisestate ülaltoodud otsingusisendi väljale "Blazor", kuvatakse loend, nii et valige "Blazor WebAssembly App" ja klõpsake nuppu "Järgmine".

Projekti nimi võib olla midagi, kuid siin oleme "BlazorWebAssemblySample". Projekte saab luua kõikjal, kus sa oled. Lahenduse nimi sisestatakse automaatselt, nii et saate selle jätta nii, nagu see on.

Sihtraamistik on". NET Core 3.1 või uuemad versioonid. Siin on viimane". NET 5.0" on valitud. Ülejäänud jäetakse vaikesätete hooleks. Kui olete lõpetanud, klõpsake nuppu "Loo".

Kuvatakse peamine visuaalne stuudioaken (IDE) ja projekti loomine on lõpule viidud. Akna paigutus võib sõltuvalt teie eelistustest erineda, kuid see ei mõjuta arengut.

Määratud kaust sisaldab projektiga seotud faile. Projekt ei mõjuta selle kausta kohal asuvat hierarhiat (väljaspool), nii et kui te seda enam ei vaja, saate iga kausta kustutada ja te ei saa midagi teha.

Käivitamine (silumise käivitamine)

Projekti loomise olekus on lõpule viidud väike proov, mistõttu on võimalik seda teostada nii, nagu see on. Selle käitamiseks klõpsake tööriistaribal nuppu IIS Express. Lihtne veebiserver "IIS Express" luuakse teie enda keskkonnas ja saate käivitada Blazori rakenduse. See IIS Express väljub silumisest väljumisel automaatselt.

Muide, blazor WebAssembly silumiskäivid kasutavad veebiserverit ainult rakenduste allalaadimiseks.

Pärast ehituse algust ja teatud aja möödumist on ehitamine lõpule viidud ja veebibrauser algab. Näete veebiekraani, mis kõik on tehtud kliendi poolt (välja arvatud juurdepääs serveri ressurssidele). Kuigi veebirakenduste kliendipoolne töötlemine on tavaliselt kirjutatud Javascriptis, saab Blazor kasutada WebAssembly mehhanismi nende loomiseks C #- s.

Arvu suurendamiseks iga kord, kui klõpsate, saate järgmist. Need ekraanivälised värskendatud toimingud on tavaliselt kirjutatud Javascriptis, kuid neid rakendatakse ka C #.

See on ekraan, mis laadib JSON-faili serverist alla ja kuvab loendi.

Peatage käivitamise silumine

Kui veebibrauser käivitatakse iseenesest, lõpetab veebibrauseri sulgemine silumise, kuid kui avate selle juba käivitatud veebibrauseri uuel vahekaardil, ei lõpeta vahekaardi sulgemine silumist.

Sellisel juhul klõpsake Visual Studio tööriistaribal nuppu "Peata silumine".

Arengu lõpp

Põhimõtteliselt peaksite Visual Studio'st lahkuma nagu iga teine projekt. Kui mõnda faili pole salvestatud, kuvatakse salvestamiskinnitus.

Kui arendate uuesti, saate visual studio käivitamisel avada faili "xxxxxxxx.sin" või avada ajaloo, et saaksite selle sealt avada.