Começando com Phone Gap 2 (Cordova): Hello World Android
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:
- Eclipse IDE (qualquer plataforma)
- Android SDK
- ADT Plugin para Eclipse
- Phone Gap SDK
- http://developer.android.com/sdk/installing.html
- http://developer.android.com/sdk/eclipse-adt.html#installing
Intel x86 Atom
System Images e Intel Hardware Accelerated Execution Manager
(debaixo de Extras no gerenciador do Android SDK).Passo a passo:
- Criar uma aplicação Android usando linha de comando
- Abrir o projeto no Eclipse
- Executar no Emulador Android
- 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
- ./create é o comando para criar o projeto
- /Users/loiane/development/phonegap-projects/HelloWorldAndroid é o caminho onde o projeto vai ser criado
- com.loiane.helloworld nome do pacote
- 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! :)