Compartilhar via

Criar seu primeiro aplicativo

  • Artigo

Importante

Este projeto é uma versão experimental. Esperamos que você experimente associações blazor móveis experimentais e forneça comentários em https://github.com/xamarin/MobileBlazorBindings.

A maneira mais fácil de começar a usar associações blazor móveis experimentais é instalar e criar o projeto inicial a partir da linha de comando.

Observação

Se você ainda não fez isso, marcar os pré-requisitos e as instruções de instalação do modelo.

  1. Abrir um prompt de comando ou uma janela do shell

  2. Crie seu projeto executando este comando:

    dotnet new mobileblazorbindings -o FirstMobileBlazorBindingsApp

    Isso criará uma pasta chamada FirstMobileBlazorBindingsApp com o arquivo de solução (SLN) e três projetos em subdiretórios:

    1. FirstMobileBlazorBindingsApp/FirstMobileBlazorBindingsApp.csproj – esse é o projeto compartilhado que conterá a interface do usuário e a lógica do aplicativo móvel.
    2. FirstMobileBlazorBindingsApp.Android/FirstMobileBlazorBindingsApp.Android.csproj – este é o projeto de "back-end" para direcionar dispositivos Android. No Windows ou mac, você pode executar este projeto para iniciar o aplicativo no Android Emulator.
    3. FirstMobileBlazorBindingsApp.iOS/FirstMobileBlazorBindingsApp.iOS.csproj – esse é o projeto de "back-end" para direcionar dispositivos iOS. No Mac, você pode executar esse projeto para iniciar o aplicativo no Simulador do iOS. No Windows, você também pode executá-lo se tiver um Mac emparelhado.

  3. Agora você está pronto para abrir a solução no Visual Studio. Para abrir a solução, você pode clicar duas vezes no arquivo SLN em seu disco ou abrir primeiro o Visual Studio 2019, selecionar File / / OpenProject/Solutione, em seguida, navegar até a nova pasta que você criou e selecionar .FirstMobileBlazorBindingsApp.sln A solução no Visual Studio deve ter esta aparência:

    Gerenciador de Soluções com todos os três projetos

  4. Para executar o projeto, você precisará definir um dos projetos de "back-end" como seu projeto de inicialização. Em Gerenciador de Soluções, clique com o botão direito do mouse no projeto android ou iOS e selecione Set as StartUp Project.

    Definir o projeto de inicialização no Gerenciador de Soluções

  5. Pressione F5 para iniciar o projeto no emulador com o depurador anexado (ou pressione Ctrl+F5 para ser executado sem o depurador)

    • Dica: se você quiser executar o projeto do iOS no Simulador do iOS, selecione o iPhoneSimulator destino na barra de ferramentas do Visual Studio em vez de iPhone.

  6. Seu primeiro aplicativo será iniciado em um emulador ou em um dispositivo e terá esta aparência:

    Olá, Mundo em execução no Android Emulator

  7. Parabéns, você criou e executou seu primeiro aplicativo Experimental Mobile Blazor Bindings!

Dica

Se você estiver enfrentando um problema, consulte o guia de solução de problemas.

Dica

Consulte o tópico de opções avançadas de modelo para obter mais opções ao criar um novo projeto.

Próximas etapas