Vytvoření a spuštění Blazor WebAssembly projektů

Datum vytvoření stránky :

životní prostředí

Vizuální sada
  • Vizuální sada 2019
Rozhraní .NET
  • Rozhraní .NET 5,0

Získání a instalace sady Visual Studio

Pomocí sady Visual Studio můžete vyvíjet Blazor projekty. Níže se dozvíte, jak získat a nastavit Visual Studio.

Další kroky mohou být zdlouhavé, ale Visual Studio Code také umožňuje vývoj. (Nebudu to zde vysvětlovat.)

Vytvoření blazor WebAssembly projektu

V nabídce Start vyberte Visual Studio 2019 . Verze je zde 2019, ale novější verze mohou také vytvářet projekty.

Vyberte Vytvořit nový projekt.

Pokud do vyhledávacího pole výše zadáte "Blazor", zobrazí se seznam, takže vyberte "Blazor WebAssembly App" a klikněte na tlačítko "Další".

Název projektu může být cokoliv, ale tady jsme "BlazorWebAssemblySample". Projekty můžete vytvářet, ať jste kdekoli. Název řešení se zadá automaticky, takže ho můžete nechat tak, jak je.

Cílový rámec je ". NET Core 3,1 nebo novější. Zde je nejnovější ". NET 5.0". Zbytek je ponechán na výchozím nastavení. Až budete hotovi, klikněte na tlačítko "Vytvořit".

Zobrazí se hlavní okno sady Visual Studio (IDE) a vytvoření projektu je dokončeno. Rozložení okna se může lišit v závislosti na vašich preferencích, ale nemá vliv na vývoj.

Zadaná složka obsahuje soubory související s projektem. Projekt nemá vliv na hierarchii nad touto složkou (venku), takže pokud ji již nepotřebujete, můžete odstranit každou složku a nemůžete dělat nic.

Spustit (spuštění ladění)

Malá ukázka je dokončena ve stavu vytvoření projektu, takže je možné ji provést tak, jak je. Klepnutím na tlačítko IIS Express na panelu nástrojů jej spusťte. Jednoduchý webový server "IIS Express" se vytvoří ve vašem vlastním prostředí a můžete spustit Blazor aplikaci. Tato služba IIS Express se ukončí automaticky při ukončení ladění.

Mimochodem, blazor WebAssembly ladění běží používat webový server jenom ke stahování aplikací.

Po spuštění sestavení a uplynutí určité doby je sestavení dokončeno a spustí se webový prohlížeč. Zobrazí se webová obrazovka, kterou všechny provádí klient (s výjimkou přístupu k prostředkům serveru). Zatímco zpracování webových aplikací na straně klienta je obvykle napsáno v Javascriptu, Blazor může použít mechanismus WebAssembly k jejich vytvoření v jazyce C#.

Zde je návod, jak zvýšit počet při každém kliknutí: Tyto operace bez aktualizace obrazovky jsou obecně napsány v jazyce Javascript, ale jsou také implementovány v jazyce C#.

Toto je obrazovka, která stáhne soubor JSON ze serveru a zobrazí seznam.

Zastavit provádění ladění

Pokud je webový prohlížeč spuštěn sám, zavřením webového prohlížeče se ukončí provádění ladění, ale pokud jej otevřete na nové kartě ve webovém prohlížeči, který již byl spuštěn, zavření karty neukončí spuštění ladění.

V takovém případě klikněte na tlačítko Zastavit ladění na panelu nástrojů sady Visual Studio.

Konec vývoje

V podstatě byste měli ukončit Visual Studio stejně jako jakýkoli jiný projekt. Pokud některé soubory nebyly uloženy, zobrazí se potvrzení uložení.

Při dalším vývoji můžete otevřít soubor "xxxxxxxx.sin" nebo otevřít historii při spuštění sady Visual Studio, abyste ji mohli otevřít odtud.