No mundo dos computadores, é muito comum encontrar programas ou aplicativos que não podem ser vistos em alguns dispositivos devido à diferença entre sistemas operacionais. Isso ocorre porque muitos deles não são multiplataforma. Se tivermos um aplicativo Web e queremos transferi-lo para um aplicativo Android , podemos usar o Apache Cordova . Neste artigo, criaremos um aplicativo para entender como um banco de dados Sqlite funciona no Android.
Procedimentos para criar aplicativos Android com Apache Cordova e SQlite.
Um site criado com HTML 5 , JavaScript , CSS 3 , pode ser executado em diferentes dispositivos através do Apache Cordova .
Se você tem uma aplicação móvel e nós queremos para armazenar, gerenciar e recuperar dados de forma eficiente e confiável, Apache Cordova oferece um complemento para gerenciar bancos de dados SQLite.
Por seu lado, o Android já incorpora em sua arquitetura todas as ferramentas necessárias para criar e gerenciar bancos de dados SQLite .
Para que possamos inserir, modificar, consultar e excluir dados.
Esse banco de dados será local , ou seja, permanecerá no dispositivo em que o aplicativo está sendo executado.
Já explicamos em outro artigo neste site a instalação do Apache Cordova ; neste, faremos um aplicativo para entender como um banco de dados Sqlite funciona no Android.
Entenda como um banco de dados sqlite funciona no Android
Nesse caso, usaremos o terminal Linux , mas o Apache Cordova é multiplataforma .
Começaremos a criar o projeto a partir do terminal e no modo raiz.
Uma vez criada, adicionamos a plataforma, o dispositivo no qual isso será executado permite que você configure o emulador; nesse caso, será o Android .
Assumimos que no administrador avançado do Android já temos um dispositivo configurado, mas configuramos um que suporte a Api 19 em diante, ou seja, o Android 4.4.2
Instale o plug-in para trabalhar com o Sqlite
Agora vamos instalar o plugin para trabalhar com o Sqlite , a partir do terminal, executaremos o comando que fará o download e instalará o plugin.
Vamos testar o aplicativo por padrão, para isso vamos ao terminal e escrevemos o código que começará a compilar o aplicativo e, se tudo funcionar, teremos que ver o dispositivo emulado.
Depois de verificarmos que o aplicativo funciona, começaremos a desenvolver nosso exemplo.
Vamos abrir o arquivo index.html e adicionar a seguinte biblioteca JavaScript no cabeçalho <head>
Em seguida, modificamos o bloco <div id = ”app”> e incorporamos um formulário para inserir dados.
A linha <div id = ”list”> </div> será usada para exibir os dados inseridos no banco de dados.
Dentro do diretório css , encontramos o arquivo index.css , abrimos esse arquivo, excluímos seu conteúdo e adicionamos o seguinte código de estilo para criar um design para o formulário.
Depois de gravar os dois arquivos, executamos o aplicativo novamente: cordova emulate android
Deveríamos ver uma tela em que o design aparecerá funcionando.
Execute o código Javascript para gerenciar o banco de dados
Agora que o design está funcionando, teremos que executar o código javascript para gerenciar o banco de dados.
Para fazer isso, criaremos um arquivo no diretório que será chamado sqlitedb.js e no <header> faremos referência ao adicionar um código dentro do arquivo sqlitedb.js.
Quando temos todo o código, compilamos o aplicativo a partir do terminal com o seguinte código: Córdoba emula o Android.
Quando o emulador for implementado com o aplicativo, começaremos a adicionar registros à nossa Agenda e eles serão listados abaixo.
O dispositivo armazena os dados que inserimos persistentemente em uma memória virtual.
Ou seja, o banco de dados será excluído toda vez que executarmos o aplicativo no emulador ou em um dispositivo real.
Podemos ver os dados que gravamos.
Para excluir esses dados, precisamos executar uma consulta SQL para excluir a tabela e recriar ou excluir apenas os dados, isso será em outro artigo.
Bem, esta é uma breve descrição das etapas para que você tenha uma idéia de que esse processo não é tão complicado ou difícil, basta levar em consideração as etapas básicas mencionadas acima.
Assim, você pode ter muitos aplicativos criados por você com a facilidade que o Android pode oferecer.
Por que usar o Apache Cordova para programar no Android
A vantagem de usar essas ferramentas é que ele usa recursos de interface, como Jquery Mobile ou Dojo Mobile, que permitem um desenvolvimento nativo, mas em HTML, CCS e no Javascript muito popular.
Em resumo, o uso dessas ferramentas permite que você tenha um aplicativo da web que pode ser convertido em um aplicativo nativo que pode ser usado no Android.
Isso ocorre porque o Apache Cordova cumprirá as funções de um servidor da web em nosso sistema Android.
Essa ferramenta nos dá a possibilidade de criar aplicativos móveis que serão executados localmente no dispositivo móvel e serão baseados no design e desenvolvimento da web.
É por isso que, com o Apache Cordova , podemos acessar as funções do dispositivo móvel através de Javascript.
Isso inclui coisas como câmeras, dados e conexões. Wi-Fi ou redes, teclado ou som, geolocalização e outros disponíveis.
Procedimento para usar o Apache Cordova para programar no Android
Neste tutorial, usaremos o Netbeans 8.0.2 que acompanha o Apache Cordova instalado, mas também veremos como instalá-lo do zero.
Isso pode ser usado com qualquer outro editor, mesmo com um simples como o Notepad ++ ou o Bluefish.
É necessário ter o Android sdk, o Android Device Manager e o Java jre instalados, e também os executáveis apontados para as variáveis do sistema.
Instale o Apache Cordova para programar no Android
Para começar , precisamos instalar o node.js , que é uma estrutura que permite criar um servidor que usa javascript.
Isso é usado como o idioma do cliente e o Cordova é instalado com o gerenciador de pacotes chamado NPM, que faz parte do Node.js.
A instalação será feita primeiro no Linux , acessaremos o terminal no modo raiz e depois instalaremos os pacotes correspondentes.
Em seguida, prosseguimos para o instalador do Apache Cordova . Para verificar se foi instalado corretamente.
Podemos escrever no terminal cordova -v e ele retornará a versão instalada do Apache Cordova .
Crie um projeto com o Apache Cordova para agendar no Android
Após a instalação, podemos criar aplicativos com o Cordova , para criar um aplicativo.
Estamos localizados em um diretório de projetos que possuímos e, no terminal , escrevemos os comandos que conseguem iniciar a estrutura do projeto.
Em seguida, você deve fazer o download de todos os pacotes necessários e que já serão atualizados e que usaremos em nosso aplicativo.
Quando fizemos isso, podemos ver como o diretório de aplicativos inadequados foi criado , dentro da estrutura do aplicativo.
Lá podemos encontrar na pasta de plataformas os arquivos necessários para que o Cordova possa interagir com os diferentes dispositivos.
Aqui vamos adicionar as plataformas que queremos testar nosso aplicativo.
Isso configurará um emulador válido para Androd versão 19 , que é a API 19 ou Android 4.4 (KITKAT), ou seja, podemos emular qualquer dispositivo executando esta versão ou uma versão inferior.
Algumas plataformas compatíveis são Amazon Fire OS, Android, BlackBerry, Firefox OS, iOS, Windows Phone. Neste tutorial, focaremos no Android.
No diretório www é onde o aplicativo será desenvolvido, os arquivos HTML, CSS , imagens e Javascript serão hospedados , bem como os recursos necessários para o nosso aplicativo.
Lembre-se de que é uma página da web que será executada nativamente em um servidor e também um navegador da web que será executado como um aplicativo nativo no Android .
Quando criamos nosso projeto no diretório www, uma estrutura de projeto definida genérica será criada . Com o código necessário para executar um aplicativo simples do tipo “Hello World”.
Execute o projeto Apache Cordova
É por isso que temos um exemplo ou modelo de um aplicativo executável para demonstrar que ele funciona antes.
No entanto, para executar a programação, devemos primeiro adicionar a plataforma ou plataformas.
Se quisermos testá-lo em dispositivos Android e iOS , usamos um comando no diretório do aplicativo.
Dessa forma, você saberá que esse é o aplicativo a ser compilado. Uma vez compilado no diretório, ele gerará arquivos .
Esse será o arquivo apk instalável e executável em qualquer dispositivo Android . Para executá-lo, o diretório do aplicativo deve ter permissões de acesso total.
Agora vamos rodar pela primeira vez com o emulador , então escrevemos no terminal. Podemos ver o dispositivo genérico que mostra o aplicativo. Clique nele e veja o aplicativo Apache padrão .
Agora podemos começar a criar nosso aplicativo editando o arquivo index.html encontrado no diretório www.
O restante do código é HTML5, o arquivo cordoba.js terá a configuração do servidor. O arquivo index.js será o local onde programaremos nosso script para fornecer interatividade ao aplicativo.
Depois de fazer as alterações, salve os arquivos e execute novamente o comando emular do Android do cordova. Anteriormente, configuramos outro dispositivo no Gerenciador de dispositivos Android .
Até o momento, foi possível ver como criar aplicativos com HTML5, CSS3 e Javascript ou Jquery para dispositivos móveis. O design deve ser considerado adaptável para que possa ser usado em dispositivos móveis e computadores ou PCs.