"Blazor WebAssembly" projektų kūrimas ir vykdymo vykdymo

Puslapio sukūrimo data :

Aplinkos

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

Visual Studio gavimas ir diegimas

Naudokite "Visual Studio", kad sukurtumėte "Blazor" projektus. Sužinokite, kaip gauti ir nustatyti "Visual Studio" žemiau.

Kiti žingsniai gali būti nuodingi, tačiau vizualinis studijos kodas taip pat leidžia jums vystytis. (Aš čia nepaaiškinti.)

"Blazor WebAssembly" projekto kūrimas

Meniu Pradėti pasirinkite Visual Studio 2019. Versija yra 2019 m., Tačiau vėlesnės versijos taip pat gali kurti projektus.

Pasirinkite Kurti naują projektą.

Jei aukščiau pateiktame ieškos įvesties lauke įvesite "Blazor", bus rodomas sąrašas, todėl pasirinkite "Blazor WebAssembly App" ir spustelėkite mygtuką "Kitas".

Projekto pavadinimas gali būti bet koks, bet čia mes esame "BlazorWebAssemblySample". Galite kurti projektus, kad ir kur būtumėte. Sprendimo pavadinimas įvedamas automatiškai, todėl galite palikti jį taip, kaip yra.

Tikslinė sistema yra ". NET Core 3.1 arba naujesnė versija. Štai naujausias ". PASIRINKTAS NET 5.0". Likusi dalis paliekama numatytiems parametrams. Baigę spustelėkite mygtuką "Kurti".

Rodomas pagrindinis vizualinės studijos langas (IDE) ir projekto kūrimas baigtas. Lango išdėstymas gali skirtis priklausomai nuo jūsų pageidavimų, tačiau tai neturi įtakos vystymuisi.

Nurodytame aplanke yra su projektu susijusių failų. Projektas neturi įtakos hierarchijai virš šio aplanko (išorėje), todėl, jei jums jo nebereikia, galite panaikinti kiekvieną aplanką ir nieko nedaryti.

Vykdymas (derinimo vykdymas)

Projekto kūrimo būsenoje užbaigiamas nedidelis pavyzdys, todėl jį galima vykdyti taip, kaip yra. Norėdami ją paleisti, įrankių juostoje spustelėkite IIS Express. Paprastas žiniatinklio serveris "IIS Express" sukuriamas jūsų aplinkoje ir galite paleisti "Blazor" programą. Šis "IIS Express" išeina automatiškai, kai išeinate iš derinimo.

Beje, "Blazor WebAssembly" derinimo paleidžiamas žiniatinklio serveris naudojamas tik programoms atsisiųsti.

Pradėjus kurti ir prabėgus tam tikram laikui, kūrimas baigiamas ir paleidžiama žiniatinklio naršyklė. Pamatysite žiniatinklio ekraną, kurį atlieka klientas (išskyrus prieigą prie serverio išteklių). Nors kliento apdorojimas žiniatinklio programoms paprastai rašomas "Javascript", "Blazor" gali naudoti "WebAssembly" mechanizmą, kad juos sukurtų C #.

Štai kaip padidinti skaičių kiekvieną kartą spustelėjus: Šios atnaujintos operacijos ne ekrane paprastai rašomos "Javascript", tačiau jos taip pat įgyvendinamos C #.

Tai ekranas, kuris atsisiunčia JSON failą iš serverio ir rodo sąrašą.

Stabdyti derinimo vykdymą

Jei žiniatinklio naršyklė paleidžiama savaime, žiniatinklio naršyklės uždarymas užbaigs derinimo vykdymą, bet jei ją atidarysite naujame skirtuke žiniatinklio naršyklėje, kuri jau buvo paleista, skirtuko uždarymas neužbaigs derinimo vykdymo.

Tokiu atveju "Visual Studio" įrankių juostoje spustelėkite mygtuką "Sustabdyti derinimą".

Vystymosi pabaiga

Iš esmės turėtumėte išeiti iš "Visual Studio", kaip ir bet kuris kitas projektas. Jei failai nebuvo įrašyti, rodomas įrašymo patvirtinimas.

Kai vėl vystysitės, galite atidaryti failą "xxxxxxxx.sin" arba atidaryti istoriją, kai paleidžiate "Visual Studio", kad galėtumėte jį atidaryti iš ten.