Crear y ejecutar proyectos de Blazor WebAssembly
medio ambiente
- Visual Studio
-
- Visual Studio 2019
- .NET
-
- .NET 5.0
Obtención e instalación de Visual Studio
Utilice Visual Studio para desarrollar proyectos de Blazor. Aprenda a obtener y configurar Visual Studio a continuación.
Otros pasos pueden ser tediosos, pero visual studio code también le permite desarrollar. (No lo explicaré aquí.)
Crear un proyecto blazor WebAssembly
Seleccione Visual Studio 2019 en el menú Inicio. La versión es 2019 aquí, pero las versiones posteriores también pueden crear proyectos.
Seleccione Crear un nuevo proyecto.
Si ingresa "Blazor" en el campo de entrada de búsqueda anterior, se mostrará una lista, así que seleccione "Blazor WebAssembly App" y haga clic en el botón "Siguiente".
El nombre del proyecto puede ser cualquier cosa, pero aquí estamos "BlazorWebAssemblySample". Puedes crear proyectos estés donde estés. El nombre de la solución se introduce automáticamente, por lo que puede dejarlo como está.
El marco objetivo es ". NET Core 3.1 o posterior. Aquí está lo último". Se selecciona NET 5.0". El resto se deja a la configuración predeterminada. Cuando haya terminado, haga clic en el botón "Crear".
Se muestra la ventana principal de Visual Studio (IDE) y se completa la creación del proyecto. El diseño de la ventana puede variar según sus preferencias, pero no afecta al desarrollo.
La carpeta especificada contiene archivos relacionados con el proyecto. El proyecto no afecta a la jerarquía por encima de esta carpeta (fuera), por lo que si ya no la necesita, puede eliminar cada carpeta y no puede hacer nada.
Ejecutar (ejecución de depuración)
Se completa una pequeña muestra en el estado de creación del proyecto, por lo que es posible ejecutarlo tal como está. Haga clic en IIS Express en la barra de herramientas para ejecutarlo. Se crea un servidor web simple "IIS Express" en su propio entorno y puede ejecutar la aplicación Blazor. Este IIS Express se cierra automáticamente al salir de la depuración.
Por cierto, las ejecuciones de depuración de blazor WebAssembly usan el servidor web solo para descargar aplicaciones.
Después de que se inicia la compilación y ha transcurrido una cierta cantidad de tiempo, la compilación se completa y se inicia el navegador web. Verá una pantalla web, todo lo cual es realizado por el cliente (excepto para acceder a los recursos del servidor). Mientras que el procesamiento del lado del cliente para aplicaciones web generalmente se escribe en Javascript, Blazor puede usar el mecanismo de WebAssembly para crearlas en C#.
A continuación, le indicamos cómo aumentar el recuento cada vez que hace clic: Estas operaciones actualizadas que no son de pantalla generalmente se escriben en Javascript, pero también se implementan en C#.
Esta es la pantalla que descarga el archivo JSON del servidor y muestra la lista.
Detener la ejecución de depuración
Si el explorador web se inicia solo, cerrar el explorador web finalizará la ejecución de la depuración, pero si lo abre en una nueva pestaña en un explorador web que ya se ha iniciado, cerrar la pestaña no finalizará la ejecución de la depuración.
Si este es el caso, haga clic en el botón "Detener depuración" de la barra de herramientas de Visual Studio.
Fin del desarrollo
Básicamente, debe salir de Visual Studio como cualquier otro proyecto. Si no se ha guardado algún archivo, se muestra una confirmación de guardado.
Cuando vuelva a desarrollar, puede abrir el archivo "xxxxxxxx.sin" o abrir el historial al iniciar Visual Studio, para que pueda abrirlo desde allí.