Acessar um projeto nativo do Cordova

  • Artigo

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.

Quando você cria um aplicativo usando o Visual Studio Tools para o Apache Cordova, Visual Studio chama o Apache Cordova Interface de linha de comando (CLI) para criar seu aplicativo para o dispositivo especificado ou o emulador. Os pacotes resultantes podem ser acessados na pasta bin no diretório de projetos do Visual Studio.

Se você precisar acessar um projeto específico da plataforma nativo, pode ser encontrado no platforms\plataformapasta (por exemplo, platforms\android) para o seu projeto do Visual Studio. (projetos nativos iOS não são armazenados nesse local; consulteacessar um projeto Xcode nativo.)

Quando você direcionar o Windows Phone 8, o projeto nativo gerado pelo Cordova para Windows Phone é um aplicativo Silverlight executado dentro de um controle WebView. Quando você direciona o Windows Phone (Universal), o projeto gerado é um aplicativo da Windows Store nativo (um pacote APPX) para Windows Phone 8.1.

Aviso

As alterações feitas em um projeto nativo não serão refletidas no projeto no Visual Studio.O conteúdo da pasta plataformas será removido por uma operação de limpeza executada no Visual Studio, comoLimpar solução.Em alguns cenários, talvez seja necessário ferramentas de depuração nativas.Para obter mais informações sobre como usar um fluxo de trabalho centrado na plataforma e projetos nativos, consulte este Apache Cordovaartigo.

Criar e depurar um aplicativo usando um projeto nativo

Se você quiser criar um aplicativo usando o projeto nativo ou usar as ferramentas de depuração nativas, primeiro você deve instalar a CLI Cordova. Se você estiver criando para iOS, consultecriar um aplicativo iOS usando um projeto nativo.

Para criar um aplicativo usando um projeto nativo

  1. Certifique-se de que você tenhainstalado as ferramentas para Apache Cordova.

  2. Instale o CLI da Cordova digitando o seguinte comando em um prompt de comando:

    npm install -g cordova@4.3.0

  3. Para executar comandos em um prompt de comando, navegue até a pasta de plataformas e insira qualquer comando CLI.

    Agora você poderá executar qualquer comando CLI do Cordova para o projeto nativo. Para obter mais informações sobre comandos CLI, consulte A Interface de Linha de Comando na documentação do Cordova.

  4. Se você quiser criar projetos usando a CLI do Cordova, primeiramente adicione a plataforma:

    cordova platform add <platform>

    Por exemplo, para incluir o Android no conjunto de projetos a serem criados, digite cordova platform add android.

    Depois, use o seguinte comando para criar todos os projetos específicos da plataforma:

    cordova build

    Agora, você encontrará um projeto nativo gerado totalmente sob o platforms\plataformapasta em seu projeto.

Acessar um projeto Xcode nativo (iOS)

Em alguns casos, talvez seja necessário obter acesso ao projeto do Xcode gerado para solucionar um problema de iOS nativo. Felizmente, você pode obter rapidamente acessem o projeto usado para criar seu aplicativo.

Para acessar um projeto Xcode nativo criado pelo vs-mda-remota

  1. Crie seu aplicativo usando um simulador de iOS ou de destino do dispositivo.

  2. Após a compilação, vá para a janela de saída e selecioneMostrar saída de: criar.

    As entradas finais da saída de compilação devem ser semelhantes a esta:

    1>  ** BUILD SUCCEEDED **
1>  
1>  Command finished with error code 0: /Users/<username>/remote-builds/builds/8382/cordovaApp/platforms/ios/cordova/build --debug

  3. Em seu Mac, navegue até a pasta de ios no caminho especificado na saída da compilação. No exemplo acima, isso é Users <nome de usuário> / remoto compilações/compilações/8382/cordovaApp/plataformas/ios

    Importante

    Quando o agente remoto do vs-mda é interrompido, a compilação (incluindo o projeto Xcode gerado) será excluída a menos que você iniciou o vs-mda remota com o seguinte comando:--deleteBuildsOnShutdown false.

  4. Clique duas vezes no arquivo .xcodeproj nessa pasta e o projeto será aberto no Xcode.

Criar um aplicativo iOS usando um projeto Xcode nativo

Como não é possível criar um aplicativo iOS no Windows, criar para iOS usando o projeto nativo requer algumas etapas adicionais.

Para criar um aplicativo iOS

  1. No Mac, instale o node.js.

  2. No seu Mac, instale a CLI do Cordova usando este comando:

    sudo npm install -g cordova@4.3.0

  3. Copie o conteúdo do projeto do Visual Studio do seu computador para o Mac ou check-out do controle de origem.

  4. Usando o aplicativo de Terminal, vá para a pasta para a qual você copiou o conteúdo e digite o seguinte comando:

    cordova platform add ios

    Agora você poderá executar qualquer outro comando CLI do Cordova, como por exemplo:

    cordova build ios

    ou:

    cordova emulate ios

    Para obter mais informações sobre comandos CLI, consulte A Interface de Linha de Comando na documentação do Cordova.

Se você clicar duas vezes no arquivo .xcodeproj sob platforms\ios, o projeto será aberto no Xcode.

Usando o comando serve do Cordova

O comando serve do Cordova permite testar o layout e CSS subjacente do seu aplicativo em um servidor da web local. Isso geralmente é útil antes de fazer testes de dispositivos.

Dica

Esta versão não oferece suporte ao aplicativo Adobe PhoneGap Developer do Visual Studio, porém a CLI do Cordova suporta o mesmo comando serve usado pelo aplicativo PhoneGap Developer.

Para executar seu aplicativo em um servidor da web local usando um projeto nativo

  1. Digite o seguinte comando na pasta plataformas em seu projeto do Visual Studio antes de usarserve:

    cordova prepare <platform>

    Por exemplo, para um aplicativo Android, você pode digitar cordova prepare android.

  2. Em seguida, execute este comando para iniciar o host do servidor da web:

    cordova serve <platform>

    A saída desse comando inclui a URL que você pode usar para acessar seu aplicativo.

  3. Abra um navegador e navegue até a URL fornecida.

Aviso

Você precisa recompilar o aplicativo para atualizar seu conteúdo.

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

Consulte também

Conceitos

Introdução às Ferramentas do Visual Studio para o Apache Cordova

Outros recursos

FAQ