Warning: Parameter 1 to wp_default_scripts() expected to be a reference, value given in /home/crian734/public_html/blog.kolaborativa/wp-includes/plugin.php on line 601

Warning: Parameter 1 to wp_default_styles() expected to be a reference, value given in /home/crian734/public_html/blog.kolaborativa/wp-includes/plugin.php on line 601
INSTALAÇÃO DO PHONEGAP – CORDOVA PARA UBUNTU 14.04

INSTALAÇÃO DO PHONEGAP – CORDOVA PARA UBUNTU 14.04

INSTALAÇÃO DO PHONEGAP – CORDOVA PARA UBUNTU 14.04

Este é um tutorial detalhado sobre a instalação do Phonegap (Cordova). Eu passei dois dias em busca de como fazer isso, porque encontrei vários problemas com os tutoriais que existem na internet. Coloquei aqui possíveis erros que possam acontecer e como eu fiz pra resolve-los.

Tutorial de Instalação do Phonegap – Cordova

– Primeiro passo, baixar o Bundle do Android (http://developer.android.com/sdk/index.html)
– De uma olhada no Requerimento do Sistema, nele você vai saber basicamente tudo que vamos precisar nessa jornada, como:

  • Java JDK7
    Apache Ant
    Android Development Tools plugin

null

– Com o Download concluído, extraia o conteúdo para uma pasta de sua preferencia
– Depois de extraído, renomeie a pasta para android-sdk
– Dentro dessa desse arquivo descompactado tem duas pastas Eclipse e SDK
– O Eclipse é a IDE para desenvolvimento android
– o SDK é o Kit de desenvolvimento do Android ( é onde fica todas as coisas referentes ao android em si )

null

Agora baixado e extraído os arquivos, hora de instalar as outras coisas. Primeiro vamos pelo java7 (recomendo o Java7 mesmo, por que tive algumas dificuldades com o Java8, mas se quiser tentar comente aqui se conseguiu 😉 )

Abra o terminal e faça a instalação do Java7 (pode demorar alguns minutos)

Quando tiver instalando o Java, vai pedir para aceitar os termos e condições de uso, só colocar yes/sim e continuar feito isso, vamos setar o java7 como default.

null

null

Referência: http://www.webupd8.org/2012/01/install-oracle-java-jdk-7-in-ubuntu-via.html

Instalado o Java, vamos instalar o Ant Apache.

null

Referência: http://blog.professorcoruja.com/2011/03/tutorial-instalacao-do-apache-ant-182.html

Instalado o Ant Apache, agora vamos para instalar o Adb

O Android SDK precisa de algumas bibliotecas 32bits para rodar, use esses comandos para instalalas

Instalado o Java e o Ant agora vamos apontar o caminho de duas pastas do SDK no PATH do sistema

Abra o arquivo .bashrc ou .bash_profile ( alguns sistemas não vem com o .bash_profile, mas não tem problema usar o .bashrc)

No fim do arquivo, coloque esse código, lembrando de passar o caminho correto

null

salve o arquivo agora, vá no terminal e digite source .bashrc (para carregar novamente o PATH do sistema)

digite

para certificar que o caminho foi adicionado ao PATH do sistema.
Para garantir digite no terminal

Se ele abrir o gerenciador do android, parabéns você ta quase lá !
Se não abrir, certifique-se de que o caminho está correto, geralmente o problema é o caminho mesmo !
Para certificar se o caminho está correto digite:

e pegue o caminho que está indicado lá,

veja se ele vai ir para a pasta, se for está tudo certo ! 🙂

null

———-

Muito bem, agora que instalamos o android, vamos para a parte que nos interessa, que é como instalar o cordova(phonegap)!

primeiro instale o nodejs:

Digite:

null

Agora vamos instalar o Cordova, com o node instalado instalamos juntos o gerenciador de pacotes dele o NPM:

null

Pronto !

Agora vamos criar um projeto.

Crie uma pasta chamada Cordova dentro da pasta android-sdk:

Digite para criar um novo projeto:

Criado o projeto vamos adicionar a plataforma nele:

Nesse ponto, adicionamos as ferramentas para compilar para android, agora vamos acessar o Eclipse, (IDE usada para o desenvolvimento de aplicativos mobile).

Volte a pasta raiz do android-sdk, depois de os seguintes comandos:

null

Isso vai fazer com que abra o eclipse, logo que ele abrir, vai pedir pra definir qual é o Workspace ( ou espaço de trabalho ).
não vamos mexer com isso aqui, só de OK, e vamos continuar

Agora siga esses passos:

File > New > Project….

Vai abrir essa janela:

null

Selecione Android Project from Existing Code.

Clique em browser para selecionar o lugar onde está suas aplicações.

null

null

Clique em Finish.

Ele provavelmente vai dar alguns erros, isso é por causa que a API do android 4.4.2 não está muito boa ainda, mas já vamos resolver isso.

null

Para resolver isso, vamos instalar/utilizar uma API mais antiga, nesse tutorial vou usar a 4.0.

Siga esses passos:

windows > android SDK Manager

null

Selecione a API do android 4.0, e clique em install packages, ele vai pedir para você aceitar os termos, e depois só deixar baixar
feito isso vamos agora criar um dispositivo emulado para testar a aplicação.

windows > android AVD Manager

Clica em New e coloque a seguinte configuração

null

(Esse é um exemplo de configuração, ela pode ser personalizada para cada pessoa)

Se tudo der certo vai aparecer assim:

null

Clique em start e pronto, verá seu dispositivo “emulado”, ele demora um pouco pra iniciar (dependendo do seu computador).

Pode fechar, e voltar ainda não é agora que vamos usar isso.

Agora você pode ver que a aplicação estará para a ultima versão do android, no caso aqui 4.2.2.
Como disse antes, vamos colocar o aplicativo para o android 4.0, para isso vamos fazer o seguinte.
Vá no espaço de projetos (Package Explore).

null

Selecione o projeto e clique com o botão direto, procure por build path depois configure build path, irá abrir essa tela.

null

Selecione a opção Android, depois a versão que vamos trabalhar que é a versão 4.0. feito isso pode clicar em OK e voltar para tela anterior.

Aqui agora iremos rodar o projeto e ver se correu tudo certo.

De novo selecione o projeto, botão direito, Run As > Android Application

Depois disso aguarde iniciar o Android.

null

null

Gente, é isso, agora é só dar uma pesquisada em como desenvolver os Apps.

Ah, para pegar o APK só ir na pasta Bin do projeto, lá vai ter um arquivo .apk esse arquivo é o do seu projeto 😀 agora é só instalar e ser feliz

Obrigado gente.. Qualquer coisa entre em contato

Twitter: @kury_Br
E-mail: fale.jorgerafael@gmail.com
Google Plus: +jorgerafael

Essa biblioteca

Pode resolver esse problema

/build-tools/android-4.4.2/aapt: error while loading shared libraries: libz.so.1: cannot open shared object file: No such file or directory

Author Description

Jorge Rafael

There are 4 comments. Add yours

  1. 6th julho 2014 | Thiago Silveira says: Responder
    Excelente tutorial Seu Jorge! Esperando uma aKademia sobre apps para Android ;)
  2. Pingback: INSTALAÇÃO DO PHONEGAP – CORDOVA PARA UBUNTU 14.04 | Raony Guimarães 23 de outubro de 2014

    […] INSTALAÇÃO DO PHONEGAP – CORDOVA PARA UBUNTU 14.04 […]

  3. 5th dezembro 2014 | Elton says: Responder
    Parabéns!!! Ótimo tutorial!!!
  4. 26th julho 2015 | Pedro says: Responder
    No site pra fazer o download do sdk, tem como requistos pro Linux ser GNOME or KDE desktop. Será que apresenta algum problema no XFCE?

Join the Conversation