Crear i executar projectes Blazor WebAssembly
entorn
- Estudi visual
-
- Visual Studio 2019
- .NET
-
- .NET 5.0
S'està obtenint i instal·lant el Visual Studio
Utilitzeu Visual Studio per desenvolupar projectes Blazor. Obtén informació sobre com pots crear i configurar Visual Studio a continuació.
Altres passos poden ser tediós, però el codi d'estudi visual també us permet desenvolupar-los. (Aquí no ho explicaré).
Crea un projecte Blazor WebAssembly
Seleccioneu Visual Studio 2019 al menú Inicia. La versió és 2019 aquí, però versions posteriors també poden crear projectes.
Seleccioneu Crea un projecte nou.
Si introduïu "Blazor" al camp d'entrada de cerca anterior, es mostrarà una llista, de manera que seleccioneu "Blazor WebAssembly App" i feu clic al botó "Següent".
El nom del projecte pot ser qualsevol cosa, però aquí estem "BlazorWebAssemblySample". Pots crear projectes siguis on siguis. El nom de la solució s'introdueix automàticament, de manera que podeu deixar-lo tal com està.
El marc objectiu és". NET Core 3.1 o posterior. Aquí teniu l'últim". S'ha seleccionat NET 5.0". La resta es deixa a la configuració per defecte. Quan hàgiu acabat, feu clic al botó "Crear".
Es mostra la finestra principal de l'estudi visual (IDE) i es completa la creació del projecte. La disposició de la finestra pot variar en funció de les vostres preferències, però no afecta el desenvolupament.
La carpeta especificada conté fitxers relacionats amb el projecte. El projecte no afecta la jerarquia que hi ha a sobre d'aquesta carpeta (a l'exterior), de manera que si ja no la necessiteu, podeu suprimir cada carpeta i no podeu fer res.
Executa (execució de depuració)
Es completa una petita mostra en l'estat de creació del projecte, de manera que és possible executar-la tal com és. Feu clic a l'IIS Express a la barra d'eines per executar-lo. Un senzill servidor web "IIS Express" es crea en el seu propi entorn i es pot executar l'aplicació Blazor. Aquest IIS Express surt automàticament quan sortiu de la depuració.
Per cert, les executes de depuració de Blazor WebAssembly utilitzen el servidor web només per descarregar aplicacions.
Després de l'inici de la construcció i ha transcorregut un cert temps, la compilació es completa i s'inicia el navegador web. Veureu una pantalla web, totes les quals les fa el client (excepte per accedir als recursos del servidor). Mentre que el processament del costat del client per a aplicacions web normalment s'escriu en Javascript, Blazor pot utilitzar el mecanisme de WebAssembly per crear-les en C#.
A continuació s'explica com augmentar el recompte cada vegada que feu clic: Aquestes operacions no actualitzades a la pantalla s'escriuen generalment en Javascript, però també s'implementen en C#.
Aquesta és la pantalla que descarrega el fitxer JSON del servidor i mostra la llista.
Atura l'execució de depuració
Si el navegador web s'obre per si mateix, tancar el navegador web finalitzarà l'execució de depuració, però si l'obriu en una pestanya nova d'un navegador web que ja s'ha iniciat, tancar la pestanya no finalitzarà l'execució de depuració.
Si aquest és el cas, feu clic al botó "Deixa de depuració" de la barra d'eines del Visual Studio.
Final del desenvolupament
Bàsicament, hauríeu de sortir de Visual Studio com qualsevol altre projecte. Si no s'ha desat cap fitxer, es mostrarà una confirmació de desament.
Quan torneu a desenvolupar-lo, podeu obrir el fitxer "xxxxxxxx.sin" o obrir l'historial quan inicieu Visual Studio, de manera que pugueu obrir-lo des d'allà.