Slides simples e diretos de como utilizar o phonegap autorefresh ( phonegap serve ) direto no seu device, sem precisar de instalar emulador nem nada, a grande vantagem é que quem é usuário windows pode testar apps para ios e vice versa. Fora que aumenta muito a produtividade do desenvolvedor por não precisar toda hora subir o emulador
2. • Phonegap autorefresh, é basicamente, o recurso que permite enviar o
app direto pro dispositivo, sem intermédios de emulador
aumentando produtividade de desenvolvimento ao máximo.
• simplesmente sexy !!!
Afinal, para que serve... ?
3. • Instalando o Node JS
• Instalar Phonegap
• Instalar Phonegap Developer no dispositivo
• Ser feliz
Como usar ?!
9. VAMOS AO CÓDIGO ???????
• ESTANDO TUDO INSTALADO E PRONTO, AQUI AGORA COMEÇA A
BRINCADEIRA !!!
10. 1. vamos organizar o nosso app no path:
2. C:apps
3. Para isso vamos no prompt e executemos:
1. cd c:apps
2. phonegap create meuaplicativo
3. cd meuaplicativo
• Ao executar o phonegap create <<nome>>, ele cria a estrutura
• Padrão e um template do phonegap
Prompt!
11. 1. Abra a pasta no seu editor ( indiferente qual, no caso vou usar o brackets )
Editando
12. • .cordova
• Padrão do phonegap
• Hooks
• Padrão do phonegap
• Platforms
• Ao adicionar uma plataforma de so, aparece la a pasta com as configurações ( wp8, android,
ios... ) por exemplo
• Comando para adicionar uma plataforma:
• Cordova platform add <<nome>> ex: (cordova platform add android )
• Plugins
• Sempre que adicionar plug-ins, ficam instalados ali para serem compilados no build
• www
• Os fontes html, css e js que iremos trabalhar !
Entendendo diretórios...
13. 1. Abra a pasta www e coloque qualquer coisa no body do html
Editando
14. 1. Após editar, salve, e digite no prompt:
1. Phonegap serve
2. utilize o ip demonstrado no pc na próxima etapa
Executando
15. 1. Para emular o APP direto no seu device basta abrir o aplicativo (Phonegap developer
) no celular
2. Digitar o ip da sua máquina
1. Caso der erro de conexão com o phonegap serve executado verifique:
1. Firewall
2. Antivirus
2. Algum desses pode estar bloqueando o acesso
Executando
16. 1. Para emular o APP direto no seu device basta abrir o aplicativo (Phonegap developer
) no celular
2. Digitar o ip da sua máquina
1. Caso der erro de conexão com o phonegap serve executado verifique:
1. Firewall
2. Antivirus
2. Algum desses pode estar bloqueando o acesso
Executando