O que é PhoneGap?

PhoneGap é um framework híbrido para desenvolvimento mobile baseado em Javascript, HTML5  e CSS3 . Com ele é possível criar aplicações multi-plataforma (Android, iOS, Windows Phone, BlackBerry 10, Firefox OS). Com ele é possível ter acesso as funções nativas do aparelho, possibilitando por exemplo, o uso de câmera, acelerometro, rede, entre outros. A principal vantagem é a velocidade no desenvolvimento de uma aplicação, já que o desenvolvimento é feito apenas em Javascript, e compilado para diversas plataformas.

 

O objetivo deste post, é explicar de forma simples como instalar, configurar e executar uma aplicação mobile.

As instruções a seguir, foram realizadas em um computador com Windows 8.1, e um Samgung Galaxy S4, com android 4.4.2.

 

Configurando ambiente

Instalações

Para começar, precisamos baixar e instalar algumas ferramentas (se desejar alterar os caminhos descritos abaixo, deverá ser alterado também os caminhos dos paths na etapa de configurações):

 

Java JDK (Kit de desenvolvimento Java)

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

 

Apache ANT ( Ferramenta utilizada para automação de compilação na construção do projeto )

http://ant.apache.org/bindownload.cgi

 

Após baixar descompacte em C:\apache-ant-1.9.4

 

Android SDK (Kit de desenvolvimento Android)

http://developer.android.com/sdk/index.html

 

Após baixar, instale em C:\android-sdk, depois abra e atualize (isso pode demorar um pouco)

 

Node JS ( Plataforma para desenvolvimento de aplicações server-side baseadas em rede utilizando JavaScript )

http://nodejs.org/download/

 

PhoneGap

Abra o terminal como administrador e execute:

>> npm install -g phonegap

 

Configurações de variáveis de ambiente

Para configurar as variáveis de ambiente do windows, acesse: Painel de Controle\Sistema e Segurança\Sistema, clique em Configurações avançadas do sistema e depois clique em Variáveis de ambiente e adicione em variáveis de sistema as seguintes:

ANT_HOME = C:\apache-ant-1.9.4

JAVA_HOME = C:\Program Files\Java\jdk1.8.0_31

 

Em PATH, acrescente:

C:\android-sdk\tools;C:\android-sdk\platform-tools;%JAVA_HOME%\bin;%ANT_HOME%\bin;

 

Pronto! Nosso ambiente está configurado.

 

Compilando nossa primeira aplicação

Execute o terminal como administrador, e entre com o seguinte comando:

>> phonegap create meuApp

 

Acesse a raiz do projeto e adicione uma plataforma, para este exemplo usaremos Android, consulte a documentação para adicionar as plataformas desejadas:

http://docs.phonegap.com/en/4.0.0/guide_platforms_index.md.html#Platform%20Guides

>> cd meuApp

>> phonegap platforms add android

 

Agora, vamos tentar executar nosso projeto, para isso é necessário conectar um smartphone Android com a função desenvolvedor habilitada e permissão de depuração USB. Caso você não possua um celular com Android, você pode criar um Android virtual device (emulador) através do Android SDK Manager, porém eu recomendo utilizar o Genymotion, devido sua rapidez e simplicidade. Você pode baixar em: https://www.genymotion.com/#!/download

 

Em seguida, vamos compilar e instalar nosso aplicativo, para isto, basta executar o seguinte comando:

>> phonegap run android

 

Pronto! a aplicação será compilada e instalada automaticamente no dispositivo!

Utilize sua criatividade e a documentação disponível em http://docs.phonegap.com/  para criar seu aplicativo!