Desenvolvimento multiplataforma – Parte 1 – Introdução ao Cordova

Desenvolvimento multiplataforma › Parte 1 - Introdução ao Cordova

Antigamente os programadores não tinham muita dificuldade em criar códigos que atendessem às necessidades do cliente – basicamente escreviam o código em C ou C++, compilavam para Windows e pronto. Raramente havia exceções que obrigavam o programador a ter mais de um código.



Atualmente já não é mais assim.. O Windows estatisticamente (segundo a W3C) continua sendo a plataforma desktop mais utilizada no mundo, mas com a popularização dos dispositivos móveis e aumento significativo no uso de outros sistemas operacionais, faz dele um entre muitos dos diferentes sistemas operacionais utilizados hoje: baseados em Linux (como Android, Ubuntu e Fedora), OS X, Windows, iOS, Firefox OS, Tizen, Jolla.. Enfim, já não é tão simples atender a consumidores de diferentes nichos com a compilação de apenas um código.
Algumas linguagens se popularizam em cada OS: compila-se para Windows usando C, C++, C#, Java para Android, Swift para iOS/OS X, etc. Mas e se com apenas uma linguagem e um código fosse possível compilar para várias plataformas? Essa é a proposta do Cordova, software desenvolvido pela Apache.
Já ouviu falar em HTML? Há pouco tempo sua quinta versão passou a ser recomendada pela W3C. Diferente de outras linguagens como Python e Java, que necessitam da instalação prévia de seu runtime na máquina onde será executada a aplicação, o HTML é suportado em praticamente qualquer dispositivo, sem dependências de software próprio ou de terceiros instalados, como é o caso do Java ou do C#.
Segundo o site oficial:

Apache Cordova é uma plataforma para construção de aplicações móveis nativas usando HTML, CSS e JavaScript” – cordova.apache.org

A ideia é codificar apenas em HTML, CSS e JavaScript, (e seus frameworks e API’s), compilar o aplicativo em vários formatos e para várias plataformas, mas com apenas um código. A instalação e uso são extremamente simples. Precisaremos do Node.js instalado. Para instalá-lo, veja este post.
Depois de instalado o Node.js, basta instalar o Cordova, em qualquer um dos sistemas com Node.js instalado, com:

[sudo npm install -g cordova]

Para criar nosso primeiro aplicativo, basta criar uma pasta vazia para o projeto no local de sua preferência, neste caso vamos criá-lo em nossa pasta pessoal:

[mkdir ~/App]

Agora criamos a estrutura básica, apontando para pasta do aplicativo com:

[cordova create app.de.exemplo ~/App]

Onde app.de.exemplo deve ser substituído pelo id do seu aplicativo, algo como “exemplo.sempreupdate.helloworld”.
Pronto! O Cordova já criou a estrutura básica, com seus arquivos na pasta “www” que foi criado dentro do diretório ~/App. Para executar sua aplicação, basta abrir o arquivo “index.html” na pasta “www”.
Para debugar a aplicação, sugiro abrir o arquivo index.html em ~/App/www com um navegador de sua preferência e usar as ferramentas que você já está acostumado, mas também pode fazê-lo visitando http://localhost:8000 em um navegador webkit/blink, mas para isso devemos inserir a plataforma browser que mostrarei na segunda parte desse artigo.
Tudo o que precisa fazer agora é “substituir” o conteúdo da pasta “www” por seus próprios códigos-fonte em HTML/CSS/JS, e executar o app.
Desenvolvimento multiplataforma › Parte 1 - Introdução ao Cordova
Aplicativo de exemplo, como app no Ubuntu (esquerda), Anroid (direita) e Firefox (fundo) .

O aplicativo de exemplo pode ser encontrado neste link. Para executá-lo simplesmente abra o arquivo “index.html” no diretório “www” no navegador de sua preferência.
E você, o que achou do Cordova?


você pode gostar também Mais do autor

Comentários