Vytvorenie a spustenie projektov Blazor WebAssembly

Dátum vytvorenia strany :

životné prostredie

Vizuálne štúdio
  • Visual Studio 2019
.NET
  • .NET 5.0

Získanie a inštalácia Visual Studio

Použite Visual Studio na vývoj projektov Blazor. Prečítajte si, ako získať a nastaviť Visual Studio nižšie.

Ďalšie kroky môžu byť únavné, ale vizuálny štúdiový kód vám tiež umožňuje rozvíjať. (Nebudem to tu vysvetľovať.)

Vytvorenie projektu Blazor WebAssembly

V ponuke Štart vyberte položku Visual Studio 2019. Verzia je tu 2019, ale neskoršie verzie môžu tiež vytvárať projekty.

Vyberte položku Vytvoriť nový projekt.

Ak do vyššie uvedeného vyhľadávacieho vstupného poľa zadáte "Blazor", zobrazí sa zoznam, vyberte možnosť "Blazor WebAssembly App" a kliknite na tlačidlo "Ďalej".

Názov projektu môže byť čokoľvek, ale tu sme "BlazorWebAssemblySample". Projekty môžete vytvárať kdekoľvek sa nachádzate. Názov riešenia sa zadá automaticky, takže ho môžete nechať tak, ako je.

Cieľovým rámcom je ". Čisté jadro 3.1 alebo novšie. Tu je najnovšie ". Vyberie sa sieť 5,0". Zvyšok sa ponecha na predvolené nastavenia. Po dokončení kliknite na tlačidlo "Vytvoriť".

Zobrazí sa hlavné okno vizuálneho štúdia (IDE) a vytvorenie projektu je dokončené. Rozloženie okna sa môže líšiť v závislosti od vašich preferencií, ale nemá vplyv na vývoj.

Zadaný priečinok obsahuje súbory súvisiace s projektom. Projekt nemá vplyv na hierarchiu nad týmto priečinkom (vonku), takže ak ho už nepotrebujete, môžete odstrániť každý priečinok a nemôžete nič urobiť.

Spustiť (ladenie vykonávania)

Malá vzorka je dokončená v stave vytvorenia projektu, takže je možné ju spustiť tak, ako je. Ak ho spustíte, kliknite na položku IIS Express na paneli s nástrojmi. Jednoduchý webový server "IIS Express" je vytvorený vo vašom vlastnom prostredí a môžete spustiť aplikáciu Blazor. Tento program IIS Express sa automaticky ukončí, keď ukončíte ladenie.

Mimochodom, blazor WebAssembly ladenie beží používať webový server len na sťahovanie aplikácií.

Po spustení zostavy a uplynutí určitého času sa zostava dokončí a spustí sa webový prehliadač. Zobrazí sa webová obrazovka, ktorú vykonáva klient (okrem prístupu k prostriedkom servera). Zatiaľ čo spracovanie webových aplikácií na strane klienta je zvyčajne napísané v Jazyku JavaScript, Blazor môže použiť mechanizmus WebAssembly na ich vytvorenie v C #.

Tu je návod, ako zvýšiť počet pri každom kliknutí: Tieto operácie bez obrazovky sú vo všeobecnosti napísané v jazyku Javascript, ale sú implementované aj v C #.

Toto je obrazovka, ktorá stiahne súbor JSON zo servera a zobrazí zoznam.

Zastavenie vykonávania ladenia

Ak je webový prehľadávač spustený sám, zatvorenie webového prehliadača ukončí ladenie, ale ak ho otvoríte na novej karte vo webovom prehliadači, ktorý už bol spustený, zatvorením karty sa spustenie ladenia neskončí.

Ak je to tak, kliknite na tlačidlo "Zastaviť ladenie" z panela s nástrojmi Visual Studio.

Koniec vývoja

V podstate by ste mali opustiť Visual Studio rovnako ako každý iný projekt. Ak sa niektoré súbory neuložili, zobrazí sa potvrdenie uloženia.

Keď sa znova vyviniete, môžete otvoriť súbor "xxxxxxxx.sin" alebo otvoriť históriu pri spustení Visual Studio, aby ste ho mohli otvoriť odtiaľ.