Compartir a través de


Compilación de la primera aplicación

Importante

Este proyecto es una versión experimental. Esperamos que pruebes enlaces blazor móviles experimentales y proporciones comentarios en https://github.com/xamarin/MobileBlazorBindings.

La manera más fácil de empezar a trabajar con Los enlaces blazor móviles experimentales es instalar y crear el proyecto inicial desde la línea de comandos.

Nota

Si aún no lo ha hecho, compruebe los requisitos previos y las instrucciones de instalación de plantillas.

  1. Abrir un símbolo del sistema o una ventana del shell

  2. Cree el proyecto ejecutando este comando:

    dotnet new mobileblazorbindings -o FirstMobileBlazorBindingsApp
    

    Esto creará una carpeta denominada FirstMobileBlazorBindingsApp con el archivo de solución (SLN) y tres proyectos en subdirectorios:

    1. FirstMobileBlazorBindingsApp/FirstMobileBlazorBindingsApp.csproj : este es el proyecto compartido que contendrá la interfaz de usuario y la lógica de la aplicación móvil.
    2. FirstMobileBlazorBindingsApp.Android/FirstMobileBlazorBindingsApp.Android.csproj : este es el proyecto de "back-end" para dispositivos Android destinados. En Windows o Mac, puede ejecutar este proyecto para iniciar la aplicación en Android Emulator.
    3. FirstMobileBlazorBindingsApp.iOS/FirstMobileBlazorBindingsApp.iOS.csproj : este es el proyecto de "back-end" para dispositivos iOS de destino. En Mac, puede ejecutar este proyecto para iniciar la aplicación en el simulador de iOS. En Windows, también puede ejecutarlo si tiene un equipo Mac emparejado.
  3. Ya está listo para abrir la solución en Visual Studio. Para abrir la solución, puede hacer doble clic en el archivo SLN en el disco, o bien puede abrir Visual Studio 2019, seleccionar File / / OpenProject/Solutiony, a continuación, ir a la nueva carpeta que creó y seleccionar .FirstMobileBlazorBindingsApp.sln La solución de Visual Studio debe tener este aspecto:

    Explorador de soluciones con los 3 proyectos

  4. Para ejecutar el proyecto, deberá establecer uno de los proyectos de "back-end" como proyecto de inicio. En Explorador de soluciones, haga clic con el botón derecho en el proyecto Android o iOS y seleccione Set as StartUp Project.

    Establecer el proyecto de inicio en Explorador de soluciones

  5. Presione F5 para iniciar el proyecto en el emulador con el depurador asociado (o presione Ctrl+F5 para ejecutarse sin el depurador).

    • Sugerencia: Si desea ejecutar el proyecto de iOS en el simulador de iOS, asegúrese de seleccionar el iPhoneSimulator destino en la barra de herramientas de Visual Studio en lugar de iPhone.
  6. La primera aplicación se iniciará en un emulador o en un dispositivo y tendrá este aspecto:

    Hola mundo que se ejecuta en Android Emulator

  7. Enhorabuena, ha creado y ejecutado su primera aplicación Experimental Mobile Blazor Bindings.

Sugerencia

Si experimenta un problema, consulte la guía de solución de problemas.

Sugerencia

Consulte el tema opciones de plantilla avanzadas para obtener más opciones al crear un nuevo proyecto.

Pasos siguientes