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

Artigo
09/13/2015

No Visual Studio 2013, as ferramentas do Cordova são lançadas como uma versão de visualização (CTP). As ferramentas do Cordova serão lançadas como parte do Visual Studio 2015 e recomendamos usar o Visual Studio 2015 RTM para desenvolver aplicativos usando o Visual Studio Tools for Apache Cordova. Você pode baixar o Visual Studio no Centro de Download da Microsoft.

O Visual Studio pode compilar, implantar e executar seu aplicativo Apache Cordova em qualquer plataforma: navegador, Android, iOS, Windows e Windows Phone. Este artigo o ajudará a:

Escolha sua plataforma de destino no Visual Studio
Entenda como o Visual Studio compila seu aplicativo para cada plataforma.

Para obter instruções sobre como criar, implantar e executar seu aplicativo em uma plataforma específica, consulte um dos seguintes artigos:

Além disso, este artigo fornece informações sobre oCordova criar processo no Visual Studio.

Escolha sua plataforma de destino no Visual Studio

Quando você deseja executar o aplicativo Cordova do Visual Studio, você deve primeiro selecionar sua plataforma de destino. Na primeira vez que você tenta fazer isso após a instalação do Visual Studio Tools para o Apache Cordova, talvez seja necessário ter uma 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. A maioria dessa estrutura de pastas é espelhado pelo Visual Studio.

Cordova_VS_Project_Structure

Para aproveitar a CLI do projeto do Visual Studio, o Visual Studio usa um pré-processador CLI chamado vs-tac, que é 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 tac instala Cordova, o emulador se propagam e outras dependências necessárias. É o trabalho do vs-tac para 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).

Cordova_VS_Build_Process

Ao criar, Visual Studio injeta seus próprio ganchos personalizados no projeto para habilitar os recursos que não oferecem suporte a CLI.

O Visual Studio automatiza o processo de adição de plataformas (usando ocordova platform addcomando) e a instalação/desinstalação do plug-ins Cordova (usando ocordova plugin addcomando) 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 CLIcordova 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 CLIcordova run android. Para configurar seu dispositivo Android ou emulador, consulteExecutar seu aplicativo Apache Cordova no Android.

iOS

Porque o Windows não pode criar um aplicativo iOS diretamente, o Visual Studio usa um agente remoto chamado remotebuild para compilar e executar seu aplicativo em um computador remoto do Mac. (Você pode criar localmente, se você estiver usando o Visual Studio em uma VM do Windows em um Mac.) Para compilar para iOS, vs tac prepara o projeto CLI exatamente da mesma maneira como faz para qualquer plataforma, mas para iOS, em seguida, transfere o conteúdo sobre para remotebuild no Mac. O agente remoto descompacta o conteúdo, adiciona a plataforma iOS (com o comandocordova platform add ios), compila o aplicativo iOS (cordova prepare ios; cordova compile ios) e, então, transfere o pacote resultante (IPA) para a máquina host do Windows. Para configurar o remotebuild e hospedar o Visual Studio para iOS de compilação, consulteinstalar ferramentas para iOS.

Para executar aplicativos em iOS, Visual Studio cria o aplicativo usando remotebuild e, em seguida, usa o ios sim para iniciar o simulador no computador remoto do Mac. Se você estiver executando em um dispositivo iOS seu Mac, remotebuild inicia o aplicativo diretamente (de ideviceinstaller deve ser instalado de HomeBrew). 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 e Windows Phone

Ao desenvolver para Windows para o Windows Phone 8.1 e 10, Cordova gera um aplicativo de tempo de execução do Windows (APPX). 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, consulteExecutar seu aplicativo Apache Cordova no WindowseExecutar seu aplicativo Apache Cordova no Windows Phone.

Emulador de cascata

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, consulteExecutar o seu aplicativo do Apache Cordova no simulador Apache Ripple.

Download the tools Obter o Visual Studio Tools para o Apache Cordovaoumais