SempreUPdate
Notícias sobre Ubuntu, Debian, Fedora, Linux, Android, Tecnologia, LibreOffice e muito mais!

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

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.

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? Bom, se gostou siga na parte 2 através do botão abaixo:

Parte 2

Comentários