Implantar e executar seu aplicativo compilado com o Visual Studio Tools for Apache Cordova

Artigo
06/10/2015

Este artigo se refere ao Visual Studio Tools for Apache Cordova, que é um software de pré-lançamento. Os recursos descritos estão em pré-lançamento e sujeitos a alterações. Você pode baixar a visualização do Microsoft Download Center.

Os artigos nesta seção fornecem informações detalhadas sobre como implantar seu aplicativo com o Visual Studio Tools para Apache Cordova para dispositivos iOS, Android, Windows e Windows Phone. As informações fornecidas aqui incluem como executar seu aplicativo em diversos simuladores emuladores e dispositivos.

Mostrar a lista de plataformas da solução

Quando você deseja executar o aplicativo Cordova do Visual Studio, você deve primeiro selecionar sua plataforma de destino. Na primeira vez que você tentar fazer isso após instalar a extensão do Visual Studio, talvez seja necessário tornar a lista de Plataformas de Solução visíveis.

Para selecionar a plataforma de destino

No Visual Studio, escolha uma plataforma na lista de Plataformas de Solução. No exemplo a seguir, mostramos Android selecionado.

Se a lista Plataformas de Solução não estiver visível, escolha Plataformas de Solução na lista Adicionar ou remover botões para exibi-la.

Para ver todas as outras etapas necessárias para executar seu aplicativo, consulte os tópicos específicos da plataforma do Android, iOS, Windows e Windows Phone.

Como o processo de compilação Cordova funciona no Visual Studio

A Interface de linha de comando (CLI) do Cordova faz a maior parte do trabalho pesado para o Visual Studio quando você compilar e executa um aplicativo Cordova. Para tornar o processo de instalação e gerenciamento Cordova plug-ins de código nativo fácil, a CLI usa plugman, outra ferramenta de linha de comando. A CLI exige uma estrutura de pasta específica, mostrada aqui. Essa estrutura de pastas não for espelhada atualmente pelo Visual Studio.

Cordova estrutura do projeto no Visual Studio

Para aproveitar a CLI da estrutura de projeto do Visual Studio, o Visual Studio usa um pré-processador CLI chamado vs-mda é um pacote do Node. js (npm). Na primeira vez que você compilar e executar um projeto criado usando o Visual Studio Tools para o Apache Cordova vs mda instala Cordova, o emulador se propagam e outras dependências necessárias. É o trabalho do vs mda aceitar uma compilação, pré-processar o projeto do Visual Studio, execute o comando de sistema de compilação Cordova CLI especificado e o aplicativo executar (ou emular).

Processo de compilação Cordova no Visual Studio

Durante a criação, o Visual Studio copiará o projeto Cordova CLI para o bld pasta e injeta seus próprio ganchos personalizados no projeto para habilitar os recursos que não oferecem suporte a CLI. Em versões futuras, vs mda permitirá mais avançados recursos IDE e uma estrutura de projeto mais flexível.

O Visual Studio automatiza o processo de adição de plataformas (usando o cordova platform add comando) e a instalação/desinstalação do plug-ins Cordova (usando o cordova plugin add comando) com base nas seleções do usuário no Visual Studio. O Visual Studio usa a CLI para criar para a plataforma solicitada para a configuração selecionada (por exemplo, cordova build android debug).

Projetos de plataforma nativa de CLI e o próprio projeto Cordova CLI não se destina para edição, para não adicionar esses projetos ao controle de origem. Elas são atualizadas e editadas pelo processo de compilação. No entanto, se preferir, você pode usar os projetos de plataforma nativo gerado para obter uma cópia exportada do projeto.

A seguir estão alguns detalhes específicos de plataforma sobre o processo de compilação e implantação.

Android

A CLI suporta criando e executando aplicativos Android no Windows. Para executar o aplicativo no emulador do Android, o Visual Studio executará o comando CLI cordova emulate android. Esse comando implanta o aplicativo em um emulador já em execução ou, se nenhuma estiver disponível, ele inicia o emulador última que foi criado. Para executar o aplicativo em um dispositivo Android conectado, o Visual Studio executará o comando CLI cordova run android. Para configurar seu dispositivo Android ou emulador, consulte Executar seu aplicativo Apache Cordova no Android.

iOS

Como um aplicativo iOS não pode ser criado no Windows, um agente remoto (vs-mda-remote) permite que você compilar e executar seu aplicativo em um computador remoto do Mac (ele também pode executar localmente, se você estiver usando o Visual Studio no Parallels em um Mac). Para compilar para iOS, vs mda prepara o projeto CLI exatamente da mesma maneira como faz para qualquer plataforma, mas para iOS, em seguida, transfere o conteúdo sobre para remoto do vs-mda no Mac. O agente remoto descompacta o conteúdo, adiciona a plataforma iOS (cordova platform add ios), compila o aplicativo iOS (cordova build ios) e, então, transfere o pacote resultante (IPA) para a máquina host do Windows. Para configurar o vs mda-remoto e hospedar o Visual Studio para iOS de compilação, consulte Instalar as ferramentas de compilação para iOS.

Para executar aplicativos em iOS, o Visual Studio cria o aplicativo usando o vs-mda-remote e usa ios sim para iniciar o simulador no computador remoto do Mac. Se você estiver executando em um dispositivo iOS seu Mac, vs e mda-remoto inicia o aplicativo diretamente (HomeBrew deve estar instalado). Se você executar o aplicativo em um dispositivo iOS conectado ao Windows, o Visual Studio compila e, em seguida, adiciona o aplicativo à iTunes para implantá-lo para o seu dispositivo do Windows.

Windows 8 e Windows Phone

Ao desenvolver para o Windows 8 Cordova gera um aplicativo de tempo de execução do Windows (APPX) para o Windows 8. Ao desenvolver para Windows Phone 8, ele gera um aplicativo WebView (XAP do Silverlight). Esses aplicativos são iniciados da mesma forma como um projeto nativo do Windows 8 ou Windows Phone 8 no Visual Studio. Para obter mais informações, consulte Executar seu aplicativo Apache Cordova no Windows e Executar seu aplicativo Apache Cordova no Windows Phone.

Apache ondulação emulador

Para tornar a cascata criar processo para ser o mais rápido possível, a CLI é usada para gerar o código de plug-in necessárias, mas caso contrário, o Visual Studio fornece o conteúdo da web diretamente (em vez de fornecer conteúdo de projeto nativo gerado). Quando você executa o aplicativo, o emulador de cascata é inicializado e Chrome é iniciado usando uma URL se propagam (por exemplo, https://localhost:4400/index.html?enableripple=cordova-3.0.0-Nexus7 para o dispositivo de tablet Nexus7). Todas as configurações de cromo são armazenadas localmente na sua instância do Visual Studio para que sua experiência normal do navegador não é afetada. Para obter mais informações, consulte Executar seu aplicativo Apache Cordova no emulador Apache Ripple.