Começando com Phone Gap 2 (Cordova): Hello World Android

23 Nov 2012
1 min read

Ei pessoal,

Postei aqui a atualização de como criar um projeto PhoneGap para iOS e hoje vou postar a atualização para Android. Já postei aqui o tutorial do Phone Gap 1.x para Android. O tutorial continua valendo, mas na versão 2.x se tornou um pouco mais simples criar o projeto.

Requisitos:

Para esse tutorial, também é requisito já ter o ambiente Android todo configurado, ou seja, ter o SDK instalado na sua máquina e o plugin para Eclipse instalado também. Para maiores informações veja os dois links a seguir:
Precisa também ter instalado Intel x86 Atom System Images e Intel Hardware Accelerated Execution Manager (debaixo de Extras no gerenciador do Android SDK).

Passo a passo:

  1. Criar uma aplicação Android usando linha de comando
  2. Abrir o projeto no Eclipse
  3. Executar no Emulador Android
  4. Próximos Passos

1 - Criando um novo Projeto Android usando Linha de Comando

Antes de começar, precisamos setar a variável de ambiente do Android no sistema, se já não foi feito. Se você usa Windows, é bem similar como setar o JAVA_HOME. Para maiores detalhes, olhe no link de referência no final do post.

Com o Phone Gap unzipado, abra o terminal e troque o diretório para suaInstalaçãoPhoneGap/lib/android/bin

Depois digite o comando para criar o projeto:

[code lang="bash" firstline="1" toolbar="true" collapse="false" wraplines="false"]./create /Users/loiane/development/phonegap-projects/HelloWorldAndroid com.loiane.helloworld HelloWorldAndroid[/code]

Onde

  1. ./create é o comando para criar o projeto
  2. /Users/loiane/development/phonegap-projects/HelloWorldAndroid é o caminho onde o projeto vai ser criado
  3. com.loiane.helloworld nome do pacote
  4. HelloWorldAndroid nome do projeto

E o projeto será criado:

2 - Abrindo o Projeto no Eclipse

Abra o Eclipse. Vá em New -> Other e escolha Android Project from Existing Code

Escolha o diretório root onde está o projeto:

Clique em finish:

3 - Executando o Projeto no Emulador Android

Selecione o projeto e clique em Run As -> Android Application como mostra a figura abaixo.

Pronto, o projeto será executado e mostrará a tela abaixo, com a frase Device is Ready piscando.

4 - Próximos Passos

O Próximo passo é se aprofundar na documentação e criar apps bem legais! http://docs.phonegap.com/en/2.2.0/index.html

Referência: http://docs.phonegap.com/en/2.2.0/guide_getting-started_android_index.md.html

Código fonte gerado para este post: https://github.com/loiane/phonegap-projects/tree/master/HelloWorldAndroid

Até a próxima! :)