TUTORIAL - Cordova: Começando com aplicações móveis (Parte 1)


O Apache Cordova, foi criado Outubro de 2012 e consiste em um framework de desenvolvimento móvel open-source, o qual permite ao desenvolvedor que crie aplicações móveis entre diversas plataformas utilizando as tecnologias da standard web (HTML, CSS e JavaScript).

Se você já é um desenvolvedor WEB e sempre quis desenvolver aplicativos para dispositivos móveis, ou se é um desenvolvedor móvel de uma plataforma específica querendo desenvolver para novas plataformas sem ter que aprender uma nova linguagem, ou se até mesmo é uma aventureiro iniciando neste mundo da programação, o Apache Cordova é a ferramenta que faltava.

 Para mais informações consulte http://cordova.apache.org/

Instalando


Primeiramente antes de instalar o Cordova é necessário já ter em seu computador instalado o Node.js (não entrarei em detalhes neste post, mas você poderá obtê-lo clicando aqui), em seguida basta abrir o terminal do node e digitar o seguinte comando:

npm install -g cordova

Aguarde a instalação terminar e pronto. Recomendável após a instalação ler o guia de cada uma das plataformas e da documentação disponível

Criando um Projeto 

Vá novamente ao terminal do Node e vá até um diretório onde deseja criar seu projeto e digite:

cordova create nome-do-projeto
O Apache Cordova trabalha com WebViews que são como se fossem "browsers" que rodam como se fosse uma aplicação e interpretam os arquivos .html, .css e .js. As aplicações criadas com este gênero de framework são chamadas de aplicações híbridas. Também é possível, com o Cordova, manipular livremente os WebViews, tendo uma aproximação maior com a aplicação nativa, porém é necessário conhecer a plataforma manipulada e a linguagem utilizada.

Plugins

Os plugins são uma parte muito importante quando se trabalha com uma aplicação híbrida, pois eles permitem ao usuário utilizar recursos nativos, você pode checar os plugins disponíveis clicando aqui.
Para adicioná-los não poderia ser mais fácil, basta digitar:

cordova plugins add nome-do-plugin

Adicionando Plataforma, Rodando e Testando (Ex.: Android)

Para adicionar uma plataforma de desenvolvimento, não existe muita dificuldade, basta digitar a seguinte linha:

cordova platform add nome-da-plataforma

Ex.:

cordova platform add android

O único fato que você deve saber é que para a adição de uma plataforma, é necessário ter em seu computador instalado a SDK de desenvolvimento da plataforma escolhida e o ambiente todo preparado, como por exemplo, caso esteja utilizando Windows e desenvolvendo para Android é necessário que tenha configurado todas  as variáveis de ambiente necessárias (ANDROID_HOME, ANT, PLATFORM_TOOLS etc.).

Depois de adicionada a plataforma e criado sua aplicação vamos rodar digitando a seguinte linha:

cordova run android
A aplicação será compilada e rodará em um device conectado ou em um dispositivo virtual pré-configurado.

Enquanto se desenvolve, é necessário realizar o debug da aplicação inúmeras vezes. Uma instrução  que minera o log padrão, trazendo somente os dados relacionados ao WebView e ao seu código JavaScript, é a seguinte:
adb logcat CordovaLog:D *:S

Conclusão

Este foi apenas um post introdutório ao desenvolvimento móvel relacionado a aplicações híbridas. Recomendável ler a documentação disponível no site oficial do Apache Cordova e manter seu ambiente de desenvolvimento sempre atualizado e o mais importante, estude também como funciona cada uma das plataformas para poder ter uma boa aplicação desenvolvida.

Unknown

Um comentário:

Instagram