Blazor WebAssembly -projektien luominen ja suorittaminen
ympäristö
- Visual Studio
-
- Visual Studio 2019
- .NET
-
- .NET 5.0
Visual Studion saaminen ja asentaminen
Käytä Visual Studiota Blazorin projektien kehittämiseen. Lue alta, miten visual studio hankitaan ja määritetään.
Muut vaiheet voivat olla tylsiä, mutta visuaalisen studiokoodin avulla voit myös kehittyä. (En selitä tässä.)
Blazor WebAssembly -projektin luominen
Valitse Käynnistä-valikosta Visual Studio 2019. Versio on tässä 2019, mutta uudemmat versiot voivat myös luoda projekteja.
Valitse Luo uusi projekti.
Jos kirjoitat yllä olevaan hakukenttään "Blazor", näyttöön tulee luettelo, joten valitse "Blazor WebAssembly App" ja napsauta "Seuraava" -painiketta.
Projektin nimi voi olla mitä tahansa, mutta tässä olemme "BlazorWebAssemblySample". Voit luoda projekteja missä tahansa. Ratkaisun nimi syötetään automaattisesti, joten voit jättää sen ennalleen.
Tavoitekehys on ". NET Core 3.1 tai uudempi. Tässä on uusin ". NET 5.0" on valittuna. Loput jätetään oletusasetuksiin. Kun olet valmis, napsauta "Luo" -painiketta.
Visual Studion pääikkuna (IDE) tulee näkyviin ja projektin luominen on valmis. Ikkunan asettelu voi vaihdella mieltymystesi mukaan, mutta se ei vaikuta kehitykseen.
Määritetty kansio sisältää projektiin liittyviä tiedostoja. Projekti ei vaikuta tämän kansion yläpuolella olevaan hierarkiaan (ulkopuolella), joten jos et enää tarvitse sitä, voit poistaa jokaisen kansion etkä voi tehdä mitään.
Suorita (virheenkorjaus suoritetaan)
Pieni näyte valmistuu projektin luontitilassa, joten se on mahdollista suorittaa sellaisenaan. Suorita se valitsemalla työkalurivillä IIS Express. Yksinkertainen verkkopalvelin "IIS Express" luodaan omassa ympäristössäsi ja voit käyttää Blazor-sovellusta. Tämä IIS Express sulkeutuu automaattisesti, kun lopetat virheenkorjauksen.
Muuten, blazor WebAssembly -virheenkorjaus suoritetaan, käytä verkkopalvelinta vain sovellusten lataamiseen.
Kun koonti alkaa ja tietty aika on kulunut, koonti on valmis ja selain käynnistyy. Näet Web-näytön, jonka kaikki tekee asiakas (lukuun ottamatta palvelinresurssien käyttöä). Vaikka verkkosovellusten asiakaspuolen käsittely on yleensä kirjoitettu Javascriptiin, Blazor voi luoda ne C#:ssa WebAssemblyn mekanismin avulla.
Voit lisätä määrää aina, kun napsautat: Nämä ei-näytön päivitetyt toiminnot on yleensä kirjoitettu Javascriptillä, mutta ne toteutetaan myös C #: ssa.
Tämä on näyttö, joka lataa JSON-tiedoston palvelimelta ja näyttää luettelon.
Lopeta virheenkorjaus suoritettavana
Jos Web-selain käynnistetään itsestään, selaimen sulkeminen lopettaa virheenkorjauksen suorittamisen, mutta jos avaat sen jo käynnistetyn Web-selaimen uudessa välilehdessä, välilehden sulkeminen ei lopeta virheenkorjausajoa.
Jos näin on, napsauta Visual Studio -työkalurivin Lopeta virheenkorjaus -painiketta.
Kehityksen loppu
Periaatteessa sinun pitäisi poistua Visual Studiosta aivan kuten mikä tahansa muu projekti. Jos tiedostoja ei ole tallennettu, näyttöön tulee tallennusvahvistus.
Kun kehität uudelleen, voit avata "xxxxxxxx.sin" -tiedoston tai avata historian, kun käynnistät Visual Studion, jotta voit avata sen sieltä.