Gerando apk com Ionic Framework

http://ionicframework.com/getting-started/.

Como gerar um apk?

O que é um APK? APK que vem de Android Package, é uma forma de ‘zip’ para Android, ou seja, ele é um arquivo compilado, que é usado para se instalar programas no Android de forma paralela a Google Play. Neste post serão descritos os passos necessários para gerar um arquivo .apk (Android Package) com Ionic Framework e como configurar um celular Android para depurar um aplicativo.

1. Configurar o SDK do Android

Pra configurar o SDK do Android siga os seguinte passos:

1.1 Instalação do Java

Caso não possua o Java instalado na máquina, faça o download manual do Java no seguinte link: http://www.java.com/pt_BR/download/manual.jsp Importante: É recomendável a instalação da versão do Java em 32 bits por razões de compatibilidade com o SDK

1.2 Download e instalação do sdk manager do android

O Android SDK (Android Software Development Kit) é um pacote de ferramentas para desenvolvimento de aplicações para android. A partir dele pode-se emular softwares desenvolvidos para outras plataformas no Android e é a base para desenvolvedores criarem APP’s para a plataforma do Google. Faça download do Android SDK no link: https://developer.android.com/sdk/installing/index.html Observação: Não é necessário baixar a IDE do Android Studio, você pode baixar apenas as ferramentas do Android SDK. i1i1 Importante: Dutante a instalação do SDK Tools fique atento para não instalar na pasta o usuário do sistema. O Android SDK deve estar instalado na pasta geral do sistema e não do usuário. Instalar e executar o SDK Manager. Observação: Você pode instalar qualquer API do android, mas é recomendável a instalação da API 22 do Android pois o device configurado no Ionic requere a instalação da mesma.

1.3 Algumas configurações necessárias

Abra:  Painel de Controle > Sistema e Segurança > Sistema > Configurações Avancadas do sistema > Variaveis do ambiente Suas variáveis devem ser algo como: PATH (usuario) C:\Users\codificar\AppData\Roaming\npm PATH (sistema) C:\ProgramData\Oracle\Java\javapath;%SystemRoot%\system32;%SystemRoot%;%SystemRoot%\System32\Wbem;%SYSTEMROOT%\System32\WindowsPowerShell\v1.0\;C:\Program Files (x86)\Skype\Phone\;C:\Program Files\nodejs\;C:\Program Files (x86)\Windows Kits\8.1\Windows Performance Toolkit\ O que você deve adicionar: A variável ANDROID_HOME C:\Program Files (x86)\Android\android-sdk Adicionar no final da variável PATH (usuario) ;%ANDROID_HOME%\plataform-tools;%ANDROID_HOME%\tools Feitos esses passos, basta abrir uma pasta com uma aplicação do ionic no terminal e digitar o seguinte comando para construção de um apk: ionic build android

2. Depuração no celular

Siga os seguintes passos para configurar um celular Android para depuraração de um aplicativo usando Ionic Framework. Neste post será utilizado um celular Samsung. Para aparelhos de outras marcas o procedimento é similar. Vá em Painel de Controle > Hardware e Sons > Dispositivos e impressoras > Gerenciador de dispositivos Atualize o drive do seu celular, (no exemplo o driver da Samsumg). Abra a pasta C:\Program Files (x86)\Android\android-sdk\platform-tools no terminal e execute: ./adb devices Vá em: Painel de Controle > Hardwares > Gerenciador de dispositivos > Android ADB > Propriedades > Eventos Observe a frase “O dispositivo USB\VID_04E8&PID_6860&ADB\7&2c1f36a1&0&0003 foi configurado.” O numero a frente de USB\VID_ é o Vendor_ID (número id do vendedor). Dentro da pasta do usuário do sistema windows deve haver uma pasta com o nome .android. Dentro dessa pasta está o arquivo adb_usb.ini. Abra esse arquivo com um editor sem formatação, como o Notepad++ ou Sublime Text e adicione uma linha com o valor do VendorID. Exemplo: # ANDROID 3RD PARTY USB VENDOR ID LIST -- DO NOT EDIT. # USE 'android update adb' TO GENERATE. # 1 USB VENDOR ID PER LINE. 04E8&PID Para depurar no celular, basta conectar o aparelho via USB e rodar: ionic run android

3. Links úteis

Alguns links que também podem ajudar em casos de problemas: Instalando e Configurando Android SDK: https://devharuo.wordpress.com/2012/05/09/instalando-e-configurando-android-sdk-e-ndk-no-rhostudio-windows/ Fazendo o adb reconhecer seu dispositivo android: https://androideia.wordpress.com/2012/05/19/fazendo-o-adb-reconhecer-seu-dispositivo-android/ ]]>