Phone Gap - Hello World Android

1. Instalar

• Phone Gap SDK
• Android SDK

2. Abrir o Terminal na pasta bin do PhoneGap e definir PATH:
      export PATH=${PATH}:/Users/tdias10/Development/sdk/platform-tools/:/Users/tdias10/Development/sdk/tools/

3. Criar Projecto

./create /Users/tdias10/Development/PhoneGap_Projects/HelloWorldAndroid com.tdias.helloworld HelloWorldAndroid

Onde

1. ./create é o comando para criar o projeto
2. /Users/tdias10/Development/Phonegap-Projects/HelloWorldAndroid é o caminho onde o projeto vai ser criado (Pasta HelloWorldAndroid não pode existir)
3. com.tdias.helloworld nome do pacote
4. HelloWorldAndroid nome do projeto

E o projeto será criado:

2 – Depois a gente precisa abrir o Android Studio. Na tela inicial vamos escolher Import Project:

3 – O próximo passo é escolher o projeto que foi gerado pelo PhoneGap e clicar em OK:

4 – Depois vamos começar o processo de import e precisamos fazer algumas configurações. A primeira é escolher a opção “Create project from existing sources” e clicar em Next:

5 – E o próximo passo será especificar o nome do projeto e o diretório do projeto. Uma observação muito importante é que o diretório deve ser o mesmo que escolhemos na hora de usar o comando create do phonegap. Não queremos mudar o diretório. Geralmente já vai carregar o diretório correto e não vamos precisar mudar, mas é muito importante não mudar esse valor:

6 – No próximo passo deixe tudo como está (as duas opções estão marcadas):

7 – Novamente, deixe tudo como está (todas as opções marcadas):

8 – De novo, deixe tudo como está:

9 – E de novo, deixe tudo como está:

10 – E o último passo vai tentar detectar se o framework está configurado, se estiver tudo ok, como na figura abaixo, só clicar em Finish:

11 – E a IDE vai abrir com o projeto. Em relação ao código fonte, não tem diferença em relação ao projeto criar no Eclipse. A API é a mesma, a gente apenas está usando uma IDE diferente.

12 – Depois, selecione o projeto, e clique no botão Run (Executar). Todas os AVDs que você já tinha criado no Eclipse estarão criados também. Basta escolher o AVD apropriado (se você escolheu emular – ou se não tiver nenhum vai aparecer uma opção para você criar um):

13 – E o projeto será executado, como mostra o screenshot abaixo:

Bem, é isso! Apenas alguns passos a mais, mas no geral não muda muita coisa!

Usei esse post como referência.

Código Fonte: https://github.com/loiane/phonegap-projects/tree/master/AndroidStudioPhoneGap

Até a próxima!