Cordova + Android ADB

Cordova + Android ADB

Se você chegou até aqui é porque esta usando o Cordova para desenvolvimento de aplicativos móveis e deve estar impressionado com seu poder de desenvolvimento. É muito legal mesmo ver o código JS/HTML rodando em forma de um aplicativo, mas o que você irá ver aqui irá lhe deixar ainda mais impressionado. Estou falando sobre a facilidade de depurar a sua aplicação.

Mas o que torna isto tudo tão simples? A resposta é simples! ADB!

ADB ou Android Debug Bridge é uma ferramenta que permite a comunicação com emuladores e dispositivos físicos Android, é executada via linha de comando e esta presente no SDK Android que é o Kit de desenvolvimento de aplicações Android, e pode ser encotrada em <sdk android>/platform-tools/.

Para que ADB funcione ao seu favor algumas configurações devem ser feitas:

A primeira é ativar o Modo Desenvolvedor em seu dispositivo Android, para isto vá nas configurações e verifique se já existe o menu Opções do desenvolvedor, caso não exista vá até o menu Sobre o telefone/tablet e dê 7 cliques sobre o menu Número da versão, isto irá habilitar o menu Opções do desenvolvedor.

Conecte o seu dispositivo no seu computador utilizando o cabo USB.

Depurar USB Depurar USB

Em Opções do desenvolvedor localize por Depuração USB e ative-a. Com isto será gerado um aviso Permitir a depuração USB?. Fica a seu critério marcar ou não a opção Sempre permitir a partir deste computador, eu sempre marco. Clique em OK para finalizar.

Caso isto não ocorra, acesse Install OEM USB Drivers e Install the Google USB Driver seguindo as instruções referentes ao fabricante do seu dispositivo.

O próximo passo é adicionar ADB em suas variáveis de ambiente. A imagem abaixo demonstra o que deve ser feito.

Variáveis de Ambiente ADB Variáveis de Ambiente ADB

O guia foi desenvolvido utilzando sistema operacional Windows, com o sdk android para Windows.

Com ADB em suas variáveis de ambiente você já está pronto para usá-la!

Use o comando adb devices para listar o seu dispositivo. Na imagem abaixo é possível observar o meu dispositivo foi identificado por um número serial C4F12A612FC621F, se pra você também apareceu um serial está tudo ok até aqui.

ADB devices install ADB devices install

Vá até o seu projeto cordova e de um build. Com o build finalizado irá gerar o android-debug.apk que está localizado em <seu projeto cordova> /platforms/android/build/ outputs/apk/

O comando adb install android-debug.apk irá mover e também realizar uma nova instalação do instalador gerado, caso deseje sobrepor uma instalação existente adicione o comando -r, desta forma adb install -r android-debug.apk.

Abra o navegador Google Chrome e digite no campo da url chrome://inspect

Chrome Inspect Chrome Inspect

Localize seu aplicativo e clique em inspect e sua aplicação estará disponível para ser depurada.

Chrome Debugger Chrome Debugger

Incrível né! Você poder depurar seu aplicativo que está rodando no seu dispositivo físico utilizando seu navegador, sem dúvidas uma ótima ferramenta para melhorar a sua produtividade no desenvolvimento de aplicativos.

ADB possuí ainda outras funcionalidades e você pode encontrá-las aqui

Se ficou com alguma dúvida ou tem alguma sugestão deixe seu comentário abaixo.