Olá mundo ! com PhoneGap

Estudando a viabilidade de usar “PhoneGap” HTML5, JS, CSS para gerar apps Android.

Se você não leu o texto anterior, faça isso agora: https://susviela.wordpress.com/2013/09/10/instalando-o-phonegap/

 

Bom..

A proposta de hoje é desenvolver um aplicativo, o tradicional “Ola Mundo..!”, e disponibilizar para download no BUILD para instalar no seu Android.

1) Abra o prompt de comando e digite:

C:\Users\SeuNome> phonegap create appola

após alguns segundos vai aparecer

[phonegap] created project at C:\Users\SeuNome\appola

 Agora se você for pelo Explorador do Windows na pasta appola já existe uma estrutura de projeto criada, na pasta que realmente importa para nós nesse momento a www existe um arquivo chamado index.html (use o seu editor favorito para editar o conteúdo desse arquivo), veja que não tem nada de especial nele, só html5, JS e CSS;

Mude as linhas:

<title>Olá mundo!</title>

<h1>Meu primeiro APP Android</h1>

Salve as alterações;

Vamos voltar para o prompt de comando e digitar:

C:\Users\SeuNome> cd appola

C:\Users\SeuNome\appola>phonegap run android

– Como é a primeira vez que você vai compilar o phonegap vai pedir o usuário e a senha do BUILD (veja como fazer isso no documento anterior)

[phonegap] detecting Android SDK environment…

[phonegap] using the remote environment

[phonegap] PhoneGap/Build Login

[phonegap] Sign up at build.phonegap.com

[warning] GitHub accounts are unsupported

[prompt] enter username:

Após esse processo o phonegap vai compilar, gerar, compactar e fazer o upload do seu APP além de gera o Qrcode do seu app (veremos isso mais adiante)

Vamos para o BUILD:

Digite no seu navegador: http://build.phonegap.com

Clique em Sing in e digite seu login (usuário e senha);

Sua app pronta

Sua app pronta

logando no BUILD

logando no BUILD

Seu aplicativo já deve estar publicado nesse momento.

Sua app pronta

Sua app pronta

Se você usar o seu Android para ler o QrCode já vai poder instalar sua app.

Por hoje é issso.

–//–

 

Dica de página para ler/estudar:

http://software.intel.com/pt-br/blogs/2012/08/13/desenvolvendo-seu-primeiro-aplicativo-mvel-multiplataforma-com-html5

Sobre Carlos Susviela

Programador WebDeveloper (Sistemas e páginas internet) Técnico Informática --------------------------- Torcedor: S.C. Internacional / RS / Brasil
Esse post foi publicado em Android, IFSul - Informática para internet, Programação e marcado , , , , . Guardar link permanente.

3 respostas para Olá mundo ! com PhoneGap

  1. Marcela disse:

    Não consegui fazer o app rodar, no prompt aparece um erro no “ant”. Baixei o ant apache, mas não adiantou.

  2. Reginaldo Teles disse:

    você faz freela? estou no rio de janeiro e preciso de alguém para me ajudar a desenvolver um aplicativo.

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s