em cordova, phonegap, Português, windows

Guia Rápido para Instalar e rodar o Cordova / Phonegap no Windows

Algumas pessoas que eu conheço tiveram problemas na hora de instalar o Phonegap no Windows e resolvi fazer esse guia rápido de como instalar e rodar o phonegap sem problemas.

1. Instale o Node.js
Vá na página http://nodejs.org/ e clique no botão install que você vai baixar um arquivo de instalação para windows .msi

2. Instale o Git

Vá em http://git-scm.com/downloads e baixe o Git Installer

Depois configure as variáveis globais do git, então abra o cmd e coloque essas duas linhas:

$ git config --global user.name "Seu Nome"
$ git config --global user.email seuemail@email.com

3. Instale o  Phonegap

Abra o cmd e digite:

npm install -g phonegap

4. Faça o Download do Java JDK

Faça Download do Java JDK desse endereço: http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

5. Faça o Download do ANT

Dessa página aqui: http://ant.apache.org/bindownload.cgi depois descompacte os arquivos em algum lugar

6. Faça Download do ADT Bundle

Dessa página http://developer.android.com/sdk/index.html#download e descompacte os arquivos em algum lugar.

7. Configure o Path do Windows

Do desktop, clique com o botão direito em Meu Computador e depois em Propriedades
Clique em Configurações Avançadas na coluna da esquerda
Na janela de Propriedades de Sistema clique no botão Variáveis de Ambiente.
Selecione a variável PATH da seção de Variáveis do Sistema
Clique em Editar.
Dentro da pasta do ADT Bundle que você descompactou pegue o caminho completo até a pasta \sdk\tools e adicione no final da variável PATH.
Copie o caminho para \sdk\platform-tools para a variável PATH também

8. Configure o JAVA_HOME

Crie uma nova variável de ambiente chamada JAVA_HOME e coloque o caminho para o JDK nessa variável. Fica alguma coisa como “C:\Program Files\Java\jdk1.8.0_05

9. Configure o ANT_HOME

Crie uma nova variável de ambiente chamada ANT_HOME e coloque o caminho da pasta ANT que você descompactou.

10. Crie e Lance um Hello World

Usando o cmd escreva:

phonegap create hello
cd hello 
phonegap run android

Dentro da pasta do projeto hello, crie um arquivo index.html e coloque na pasta www.
Conteúdo de index.html:

<html><body>Hello World</body></html>

Depois use o cmd novamente :

phonegap run android

E veja o Hello World na tela do seu telefone

 

Escreva um comentário

Comentário

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

16 Comentários

  1. Olá! Tento seguir o procedimento de instalação que parece simples e já me deparo com o seguinte erro:
    C:\WINDOWS\system32>$ git config –global user.name lancar
    ‘$’ não é reconhecido como um comando interno
    ou externo, um programa operável ou um arquivo em lotes.

    Sabe por qual motivo? apenas instalei o node.js e o git.

    • Cara, milhares de pessoas já entraram nesse post, seguiram esse passo a passo e ninguém nunca perguntou isso, hehe. Obrigado por perguntar.

      O CLI do phonegap/cordova usa o git em background para fazer download de algumas dependências.

      • Obrigado, estou começando na a desenvolver para internet (php, javascript, html5, laravel, sencha touch,etc) e tenho muita dificuldade de como montar o ambiente de desenvolvimento, muito diferente do VB onde o sistema é integrado tudo em um único

      • ambiente, gostei muito do seu artigo pois ele da o caminho das pedras pra que está começando, peguei um sistema para fazer umas mudanças em sencha touch e estou tento dificuldade no deploy, no futuro quanto tiver tempo vou começar a criar pacotes de instalação para facilitar o trabalho de quem esta começando.

    • Cara, faz muito tempo que escrevi o artigo, mas pesquisando aqui rapidamente me parece que é:


      phonegap build --release
      cordova build --release

      E ele será gerado na PastaDoProjeto/platforms/android/bin

  2. Olá Freitas.

    instalei o cordova, node.js, visual studio code, java 8 jdk, paths, etc… tudo ok. A principio funcionava tudo ok até começar a usar variáveis…

    No html do cordova, em meus testes, coloquei um

    ${nomeContato}
    e por ai vai com variáveis no formato
    ${nomedavariavel}

    só que o cordova, na tela no navegador local (localhost:8080) simplesmente ignorou estas variáveis… (na aula que estava vendo, o modelo não aparecia… só quando populava)…
    No console, o javascript operava normalmente (testes ok, manualmente ok)… o problema era para passar para o html…

    já verifiquei sintaxe e tudo mais, mas nada… já reinstalei tudo e nada… faz ideia do que pode ser?

  3. C:\hello>phonegap run android
    [phonegap] executing ‘cordova run android’ …
    [phonegap] completed ‘cordova run android –no-telemetry’

    C:\hello>