Executar o seu aplicativo do Apache Cordova no simulador Apache Ripple

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 simulator se propagam Apache é executado como um aplicativo da web dentro do navegador Google Chrome. Em Cordova, pode ser usado para simular seu aplicativo em um número de dispositivos com Android e iOS e fornece suporte básico para core Cordova plug-ins como localização geográfica e orientação do dispositivo.

O simulador de cascata ajuda você a começar rapidamente a validação como seus aplicativos se parece e pensa no iOS e Android, porque ambas as plataformas usam um navegador com uma base de código semelhantes. O simulador de cascata é particularmente útil para validação de layout e código CSS. Para emulação de alta fidelidade específica a uma plataforma, use os emuladores de Android ou iOS ou um dispositivo real.

Aviso

Cascata não fornece uma simulação completa de recursos de dispositivo nativo ou APIs Cordova.Ele também não simula versões de navegador específico para uma plataforma específica.Você pode obter isso testando em dispositivos reais ou emuladores.

Aqui estão algumas coisas que deve ter em mente ao testar o layout de cascata.

Se você direcionar 4.4 Android ou posterior (Chromium com base em navegador), suporte para os padrões atuais de CSS e outras tecnologias da web é melhor. Consultecaniuse.compara obter informações específicas sobre os recursos com suporte.
Se você direcionar iOS ou Android versões antes 4.4, o navegador é baseado em WebKit. (O simulador de cascata, que usa sua versão instalada do Chrome, se comporta como Android 4.4.) Alguns comportamentos de navegador WebKit é diferente. Por exemplo, WebKit navegadores não fornecem suporte consistente paraunidades vw e vh.

Executar seu aplicativo no simulador Apache ondulação

O procedimento a seguir mostra como executar o aplicativo no emulador e anexar o depurador.

Para executar o aplicativo no simulador ondulação

Se ele não estiver instalado, instale o Chrome.

Dica

Chome não é instalado pelo instalador do Visual Studio quando você optar por instalar o Visual Studio Tools para o Apache Cordova.
Escolha Android ou iOS na lista Plataformas de Solução.

Dica

Se você não vir essa lista, escolha Plataformas de Solução na lista Adicionar ou remover botões para exibi-lo.
Na lista de dispositivos de destino, escolha um dos simuladores de cascata.
Pressione F5 para iniciar a depuração ou Shift+F5 para iniciar o aplicativo sem depuração.

Dica

Se você receber um erro indicando que você precisa instalar uma nova versão do SDK do Android, use o Gerenciador do SDK do Android para instalá-lo.Para abrir o Gerenciador de SDK do Windows, abra uma linha de comando e digite o seguinte comando:android sdk

Alterar o proxy para o emulador

O Ripple evita limitações entre domínios no navegador usando um proxy. Dois proxies estão disponíveis: um proxy remoto e um local. O proxy remoto é hospedado na nuvem.

Observação de segurança
Se seu aplicativo estiver transferindo dados confidenciais (por exemplo, tokens de autenticação do Active Directory), é altamente recomendável usar o proxy local em vez do proxy remoto.

Para alterar o proxy

No Chrome, enquanto o aplicativo é executado, escolha o botão de seta à direita e escolha a seção Configurações.
Escolha o botão Proxy entre domínios e, em seguida, escolha um proxy.

Alterar o dispositivo durante a execução do aplicativo

Você pode alterar o dispositivo de destino sem interrupções enquanto o aplicativo é executado no Chrome. Ao fazer isso, você pode evitar reiniciar o aplicativo no Visual Studio.

Para alterar o dispositivo

Enquanto o aplicativo é executado no Chrome, escolha o botão de seta à direita e escolha a seção Dispositivos.
Escolha o botão que especifica o nome do dispositivo atual e, em seguida, escolha um dispositivo diferente.