Como criar aplicativos Android com Apache Cordova e SQlite?

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>

Relacionado:  Os melhores aplicativos para baixar vídeos do Facebook no Android

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.

Relacionado:  Os melhores aplicativos para obter dados de pessoas

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.

Relacionado:  Como excluir uma conta do Tinder para sempre? Guia passo a passo

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.

 

Você pode estar interessado:

Deixe um comentário