Partilhar via

Acessar um projeto nativo do Cordova

  • Artigo

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.

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 nativa, poderá encontrá-lo na pasta bld\config\platforms\plataforma (por exemplo, bld\Debug\platforms\android) para o seu projeto do Visual Studio. (projetos nativos iOS não são armazenados nesse local; consulte criar um aplicativo iOS usando um projeto 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 bld será removido por uma operação de limpeza executada do Visual Studio, como Limpar solução.

Criar um aplicativo usando um projeto nativo

Se você quiser criar um aplicativo usando o projeto nativo, deverá primeiro instalar a CLI do Cordova. Se você estiver criando para iOS, consulte o próxima seção.

Para criar um aplicativo usando um projeto nativo

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

    npm install -g cordova@4.0.0

  2. Para executar comandos de CLI em um prompt de comando, vá para a pasta bld\configuração, como bld\Debug, e digite qualquer comando de 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.

  3. 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

Criar um aplicativo iOS usando um projeto 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.0.0

  3. Copie o conteúdo da pasta bld\Debug, bld\Release ou bld\Distribution do Visual Studio do computador para o Mac.

  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ê desejar acessar o projeto Xcode nativo, poderá encontrá-lo na pasta platforms/ios no Mac.

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 prosseguir para os testes de dispositivo.

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 da pasta bld/config no projeto do Visual Studio antes de usar serve:

    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

Nesta versão, você precisará recriar o aplicativo para atualizar seu conteúdo.

Consulte também

Conceitos

Introdução ao Visual Studio Tools for Apache Cordova

Outros recursos

Perguntas frequentes