Usar Phonegap no AndroidStudio

Estudando a viabilidade de usar “PhoneGap” HTML5, JS, CSS para gerar apps Android.

Objetivo: Usar Phonegap no AndroidStudio

 

1) Download JDK – Compilador Java

http://www.oracle.com/technetwork/pt/java/javase/downloads/index.html

2) Preparar o ambiente windows

2.1 – Criar as variáveis de ambiente:

 JAVA_HOME —> C:\Program Files\Java\jdk1.7.0_25 (onde foi instalado o JDK por exemplo)

 CLASSPATH —> .%JAVA_HOME%;

 Explicando: O ponto (.) no inicio da linha indica que quando a variável %CLASSPATH% for chamada além de procurar no %JAVA_HOME% procura a aplicação também no diretório. O ponto e vírgula (;) serve para separar locais diferentes.

Agora vamos configurar o PATH essa variável de ambiente já existe, vamos ADICIONAR o conteúdo: ;%JAVA_HOME%\bin

Fonte da pesquisa: http://devsubdev.wordpress.com/2010/06/04/dica-configurando-as-variaveis-de-ambiente-do-jdk-no-windows/ ( acessado em 02/09/2013 )

Verifique com os seguintes comandos no prompt se está tudo funcionando.

 java -version

javac -version

2) Vou considerar que você já tem o Android Studio instalado / atualizado e funcionando, caso contrário só baixar e instalar em: ( http://developer.android.com/intl/es/sdk/installing/studio.html )

 

 

3) Configurando Phonegap / Apache Ant / Android SDK

a) Baixar/instalar Phonegap ( http://phonegap.com/install/ )

Extrair os arquivos para c:\

Exemplo: C:\phonegap-2.9.0

 b) Baixar/instalar Apache Ant ( http://ant.apache.org/bindownload.cgi ) – Baixar zip.

Extrair os arquivos para c:\

Exemplo: C:\apache-ant-1.9.2

 c) Baixar/instalar Android SDK ( http://developer.android.com/intl/es/sdk/index.html )

Extrair os arquivos para c:\

Exemplo: C:\android-sdk

d) Vamos criar as variáveis de ambiente do sistema para os programas acima:

 Nome Variável Conteúdo

ANT_HOME       C:\apache-ant-1.9.2

Alterar a variável PATH incluindo os seguintes caminhos:

%ANT_HOME%\bin;

C:\phonegap-2.9.0\lib\android\bin;

C:\android-sdk\platform-tools;

C:\android-sdk\tools

4) Para testar vamos no prompt de comando e digitamos:

C:\Users\SeuUser>create olamundo com.projeto.ola

Se estiver tudo ok a seguinte mensagem vai aparecer:

Creating new android project…

Copying template files…

Copying js, jar & config.xml files…

Copying cordova command tools…

Updating AndroidManifest.xml and Main Activity…

C:\Users\SeuUser>

Pode sair do prompt e ir na pasta: C:\Users\SeuUser\olamundo seu projeto já deve estar criado.

 

 

5) Agora no Android Studio (AS)

Ao iniciar o AS se existir algum projeto aberto (feche todos) e na tela inicial escolha a opção: IMPORTAR PROJETO;

Importando projeto do Phpnegap para o Android Studio

Importando projeto do Phpnegap para o Android Studio

Deixe marcada a opção create projeto from existing source.

Clique NEXT / NEXT / NEXT / NEXT / NEXT / FINISH

Aguarde seu projeto ser importado e disponibilizado para edição.

Para testar seu projeto, basta clicar no botão [ > ] play do AS, se deu tudo certo sua APK vai rodar no emulador.

 

Fonte pesquisa: https://www.youtube.com/watch?v=khK0bNCHdQE acessado 17/09/2013.

Sobre Carlos Susviela

Programador WebDeveloper (Sistemas e páginas internet) Técnico Informática --------------------------- Torcedor: S.C. Internacional / RS / Brasil
Esse post foi publicado em Android, Móbil e marcado , , , , , . Guardar link permanente.

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s