Create your blog and photo album with postbit
Create your blog and photo album

Create new post

Content:

Upload a picture:
Tags (keywords separated by comma)

Save Cancel
Rodrigo Siqueira rsiqueira:   Followers: 27 ; Following: 31

Explore Rodrigo Siqueira's photo albums:
Musée d'Orsay (56)
Pomar (10)
Verona - Italy (41)
Louvre Museum (77)
Madri - Espanha (32)
Photographing photographers (12)

Como fazer aplicativo para Android em HTML e Javascript


Instruções passo a passo para fazer seu primeiro mobile app para Android (Como criar apps para Android):

OBS: Sugiro primeiro usar as instruções "criar aplicativo para android com phonegap", pois funcionou melhor do que usar apenas o Sencha Touch.

Para fazer um app para Android usando HTML5 e JavaScript, desenvolvendo em ambiente Windows, é necessário:

Passo 1: Obter o Sencha Touch
 * Baixar e descompactar o Sencha Touch (pode colocar em qualquer pasta, não precisa instalar)

Passo 2:  Instalar o Sencha CMD
 * Precisa ter o Java instalado (pois precisa do JRE - Java Runtime Environment) senão dá o erro: "The installer could not find a valid Java(tm) on this machine. Supported versions: Vendor: any min. 1.6.0 max. any". Por default o Sencha CMD é instalado na pasta C:\Users\(usuário)\bin

Passo 3: Criar o template inicial para o aplicativo
 * Utilize o CMD.EXE para executar o comando que vai criar a aplicação inicial:

> cd c:\Users\(usuário)\bin\Sencha\Cmd\4.0.4.84

> sencha -sdk C:\path\to\touch generate app MyApp c:\tmp\MyApp
Trocar C:\path\to\touch pela pasta onde descompactou o Sencha Touch.
O MyApp é o nome do seu aplicativo.
Trocar C:\tmp\MyApp pela pasta desejada onde será criado o seu aplicativo.

Passo 4: Executar o servidor web para testar a aplicação

* Vá para a pasta onde está seu aplicativo (MyApp) e Inicie o servidor web (vêm com o Sencha Touch) com o comando:
> c:\Users\(usuario)\bin\Sencha\Cmd\4.0.4.84\sencha web start

Acesse seu aplicativo pelo endereço:

http://localhost:1841/

(se não aparecer a tela do aplicativo e sim uma listagem de arquivos, é porquê você não iniciou o servidor web a partir do diretório onde está o aplicativo "MyApp")

Passo 5: Editar o conteúdo do aplicativo (desenvolver seu próprio aplicativo)
* Altere o conteúdo do arquivo "MyApp/app/view/Main.js" para incluir o conteúdo (html e js) da sua aplicação.

Passo 6: Compilar a versão final
Compile a versão final do aplicativo usando o comando "sencha app build", que vai criar a pasta MyApp/build com seu aplicativo:
/c/Users/(user)/bin/Sencha/Cmd/4.0.4.84/sencha app build
(usei essa sintaxe de diretórios acima pois uso cygwin ao invés do cmd.exe)
OBS: Precisa instalar o ruby (download em rubyinstaller.org) pois sem a linguagem ruby instalada, ocorre erro ao compilar o app: "com.sencha.exceptions.ExNotFound: Failed to detect ruby". Ao instalar o ruby, utilize a opção do instalador para adicionar o Ruby ao PATH do Windows (Add Ruby executables do your PATH).

Passo 7: Preparar para o lançamento (gerar arquivo APK para instalar no Android)
(OBS: NÃO CONSEGUI GERAR .APK COM O SENCHA, ENTÃO PULE PARA O PASSO 8 PARA USAR O Phonegap).

* Seguir os passos para preparar para o lançamento (Preparing for release) e gerar o APK. Veja a documentação do Sencha "Native Android Packaging":

1) Baixar o Android SDK Tools: http://developer.android.com/sdk/index.html

2) Obter o Android ready certificate (debug ou release) para assinar a aplicação. Gerar arquivo tipo "Java Keystore" com o comando (executar dentro da pasta do Java):
C:\Program Files (x86)\Java\jre7\bin\keytool -genkey -v -keystore c:\tmp\my-release-key.keystore -alias alias_name -keyalg RSA -keysize 2048 -validity 10000

3) Criar o arquivo de configuração (packaging configuration)

4) Executar o packager para criar o pacote .apk
 

Passo 8: Usando o Phonegap para gerar o pacote apk para android (clique no link para ver os detalhes)

 

Erros e soluções de problemas:
Ao executar "sencha app build native" apareceu o erro "Command must be run from an application folder". Mudei para o diretório da aplicação e rodei novamente o comando, mas o erro agora é: Unable to find a javac compiler: com.sun.tools.javac.Main is not on the classpath. Perhaps JAVA_HOME does not point to the JDK. It is currently set to "C:\Program Files (x86)\Java\jre7".
Para resolver essa falta do compilador javac, fiz download e instalei o "Java SE Development Kit 7", porém como escolhi a versão 64 bit, preciso mudar o path da variável JAVA_HOME para o local correto: "C:\Program Files\Java\jre7". Para adicionar no PATH fui em "Computer" (antes era "My Computer") -> Properties -> Advanced system settings -> Environment Variables -> New

Variable name: Path
Variable value: adicionar ";C:\Program Files\Java\jdk1.7.0_60\bin" no final do Path

Executar:
/c/Users/rodrigo/bin/Sencha/Cmd/4.0.4.84/sencha.exe app package build packager.json

* Instale o arquivo apk gerado no seu aparelho Android.
 
* Ícone do aplicativo
 

Documentação para desenvolvimento de apps para Android com o Sencha Touch: 
http://docs.sencha.com/touch/2.3.1/#!/guide/first_app
Página com documentação: http://www.sencha.com/products/touch/thank-you/

 

Post by Rodrigo Siqueira (2014-05-27 00:48)

Post your comment:

Name: Email: Site:




| Explore users | New posts | Create your blog | Create your photo album |
| About Postbit | Our blog | Terms of use | Contact Postbit |


Copyright © 2017 - postbit.com