PhoneGap Introdução

Nesta semana veremos a plataforma PhoneGap. Mas, primeiramente vamos entender a existência de duas plataformas Híbridas de desenvolvimento praticamente iguais e diferentes...

"Originalmente o Apache Cordova se chamada Phonegap quando foi desenvolvido pela empresa Nitobi, após a Adobe comprar a Nitobi, ela doou o código fonte para a Apache Foundation e a Apache nomeou o projeto de Apache Cordova, a Adobe usa essa base para prover um Cordova incrementado, no geral os dois são a mesma coisa, porém com algumas diferenças".

Agora, vamos ver um comparativo estrutural dos dois projetos

O config.xml

Também podemos observar algumas diferenças no arquivo de configuração config.xml, as diferenças são:
No helloWorld Cordova:
Vem apenas com o plugin do whitelist definido
Não vem com ícones definidos
Não vem com splashscreen definidos
Não vem com configurações pré configuradas

No helloWorld Phonegap:

Vem com todos os plugins padrões já incluidos
Vem com ícones definidos
Vem com splashscreen definidos
Vem com configurações pré configuradas

Portanto, se você quer começar um projeto com muitas configurações padrões já realizadas use o Phonegap, caso contrário, se você quer um projeto mais limpo use o Cordova.

Linha de comando

No Cordova:
create
help
telemetry
info
requirements
platform
plugin
prepare
compile
clean
run
serve
build -> cordova prepare && cordova compile
emulate -> cordova run --emulator

No Phonegap:
help
create
build
install
run
platform
plugin
template exclusivo Phonegap
info
serve exclusivo Phonegap
version exclusivo Phonegap
push exclusivo Phonegap
local exclusivo Phonegap
remote exclusivo Phonegap
prepare
compile
emulate
cordova exclusivo Phonegap

Podemos concluir que, a linha de comando do Phonegap possuei alguns recursos ligados aos serviços que a Adobe oferece, como os comandos remotepara envio ao Phonegap Build, o comando serve que cria uma rede para acessar via Phonegap Developer App e também é possível executar todos os comandos do Cordova.

Pois Bem, agora veremos a inicialização com o Pouco Diferente PhoneGap, como visto em Cordova, primeiro temos que baixar e instalar o NODE, e posteriormente por comendo instalaremos o PhoneGap. Veja abaixo o comando em Prompt para a instalação da Plataforma:



... e então o sistema será instalado...


ok... então agora vamos ao trabalho...

para verificar... faça o teste de versão...



ok... instalado e funcionando...
Agora o ideal é ter um ambiente para programar e posteriormente...visualizar em Android. Para isso, teremos que configurar o ambiente do Windows.
Primeiro vamos baixar a versão recente do JDK do JAVA no link abaixo:

http://www.oracle.com/technetwork/pt/java/javase/downloads/jdk8-downloads-2133151.html






Aceite a licença e baixe a versão de compatibilidade de seu Windows 32 ou 64.
Agora precisamos de sistema Android Studio para Windows. Entre no link abaixo e baixe o compatível com seu sistema...

https://developer.android.com/studio/#downloads

Aceite os termos e baixe o Software...Calma! ele é grande mesmo, e, pesado!
E, por último precisamos do Apache ANT, que pode ser baixado no link abaixo.

https://ant.apache.org/bindownload.cgi

Baixe a versão ZIP para o seu computador...
Agora com todos os 3 itens baixados...
Instale o JDK Java, simplesmente com next...next e finish!
Depois instale o Android Studio...


E por fim, abra a pasta zipada do Apache ANT em algum lugar de trabalho em seu computador. Ufa! Agora vamos configurar o Ambiente para Trabalhar com Android. 

Configurando variáveis de Ambiente de Sistema

Para configurar as variáveis de Ambiente de sistema, vá em Propriedade de Sistema...

Entre na opção "variáveis de anbiente..."
Em Variáveis de Sistema, selecione "NOVO"...

Agora escreva no nome da variável em MAIÚSCULA "JAVA_HOME" e abaixo coloque o endereço do jdk que baixou... veja...

OK...
Agora em Path, selecione EDITAR e no final do endereço digite... %JAVA_HOME%\bin
Veja...

OK...
Configuramos o jdk java para funcionar, agora vamos configurar o ANT do APACHE...
Na Pasta do computador onde abriu o apache ANT...
Copie o endereço e faça novamente como em JAVA, Clique em NOVO e desta vez com ANT_HOME no nome da variável cole abaixo o endereço da Pasta onde estão os arquivos do sistema Ant Baixados. Veja...

OK...
... e igualmente em java faça o Path para incluir o ANT veja...
Path - Editar - Digitar: %ANT_HOME%\bin

Observe as entradas com % acima... tudo no lugar e ok...
Vamos testar...
JAVA: para testar o Java digite no prompt JAVAC - version e observe se aparece a versão java do seu computador... veja
Isso mostra que o java está ok...

Digite agora no prompt ANT e observe...

ANT ok...
... agora vamos configurar o ANDROID...
Precisamos saber onde está instalado o SDK Android, para criar as variáveis de Ambiente Android.
Copie o endereço do SDK e vá novamente para as configurações em propriedades do sistema em variáveis de ambiente...


Atente para a inclusão em tools do ANDROID_HOME que agora tem tools e não bin ok...
... continuando...
... inclua também na linha abaixo...
%ANDROID_HOME%\platform-tools
e OK...
Tudo configurado e pronto!


Nenhum comentário: