Come creare applicazioni Android con Apache Cordova e SQlite?

Nel mondo dei computer, è molto comune trovare programmi o applicazioni che non possono essere visualizzati su alcuni dispositivi a causa della differenza tra i sistemi operativi. Questo perché molti di loro non sono multipiattaforma. Se abbiamo un’applicazione web e vogliamo trasferirla su un’applicazione Android , possiamo usare Apache Cordova . In questo articolo creeremo un’applicazione per capire come funziona un database Sqlite da Android.

Procedure per la realizzazione di applicazioni Android con Apache Cordova e SQlite.

Un sito Web realizzato con HTML 5 , JavaScript , CSS 3 , può essere eseguito su diversi dispositivi tramite Apache Cordova .

Se si dispone di un’applicazione mobile e vogliamo a memorizzare, gestire e recuperare i dati in modo efficiente e affidabile, Apache Cordova fornisce un complemento per gestire database SQLite.

Da parte sua, Android incorpora già nella sua architettura tutti gli strumenti necessari per creare e gestire database SQLite .

In modo che possiamo inserire, modificare, interrogare ed eliminare i dati.

Questo database sarà locale , ovvero rimarrà sul dispositivo su cui è in esecuzione l’applicazione.

Abbiamo già spiegato in un altro articolo su questo sito Web l’installazione di Apache Cordova , in questo faremo un’applicazione per capire come funziona un database Sqlite da Android.

Scopri come funziona un database Sqlite da Android

In questo caso useremo il terminale Linux ma Apache Cordova è multipiattaforma .

Inizieremo a creare il progetto dal terminale e in modalità root.

Una volta creata aggiungiamo la piattaforma, il dispositivo su cui verrà eseguito consente di configurare l’ emulatore in questo caso sarà Android .

Partiamo dal presupposto che nell’amministratore Android avanzato abbiamo già un dispositivo configurato, ma ne configuriamo uno che supporta Api 19 in poi, ovvero Android 4.4.2

Come creare applicazioni Android con Apache Cordova e SQlite? 1

Installa il plugin per lavorare con Sqlite

Ora installeremo il plugin per funzionare con Sqlite , dal terminale eseguiremo il comando che scaricherà e installerà il plugin.

Proveremo l’applicazione per impostazione predefinita, per questo andiamo al terminale e scriviamo il codice che inizierà a compilare l’applicazione e se tutto funziona dovremo vedere il dispositivo emulato.

Una volta verificato che l’applicazione funziona, inizieremo a sviluppare il nostro esempio.

Apriremo il file index.html e aggiungeremo la seguente libreria JavaScript nell’intestazione <head>

Quindi modifichiamo il blocco <div id = “app”>  e abbiamo  incorporato un modulo per inserire i dati.

La  riga <div id = “list”> </div>  verrà utilizzata per visualizzare i dati immessi nel database.

All’interno della directory css troviamo il file index.css , apriamo questo file, eliminiamo il suo contenuto e aggiungiamo il seguente codice di stile per dare un design al modulo.

Dopo aver registrato i due file eseguiamo nuovamente l’applicazione: cordova emula Android

Dovremmo vedere una schermata in cui il design apparirà funzionante.

Eseguire il codice Javascript per gestire il database

Ora che il design funziona, dovremo eseguire il codice javascript per gestire il database.

Per fare ciò, creeremo un file nella directory che si chiamerà sqlitedb.js e nella <header> faremo riferimento ad esso aggiungendo un codice all’interno del file sqlitedb.js.

Quando abbiamo tutto il codice, compiliamo l’applicazione dal terminale con il seguente codice: Córdoba emula Android.

Quando l’emulatore verrà implementato con l’applicazione, inizieremo ad aggiungere record alla nostra agenda e questi saranno elencati di seguito.Come creare applicazioni Android con Apache Cordova e SQlite? 2

Il dispositivo memorizza i dati che immettiamo in modo persistente in una memoria virtuale.

Cioè, il database verrà eliminato ogni volta che eseguiamo l’applicazione sull’emulatore o su un dispositivo reale.

Possiamo vedere i dati che registriamo.

Per eliminare questi dati, è necessario eseguire una query SQL per eliminare la tabella e ricreare o eliminare solo i dati, questo sarà in un altro articolo.

Bene, questa è una breve descrizione dei passaggi in modo da avere un’idea che questo processo non sia così complicato o difficile, devi solo prendere in considerazione i passaggi di base sopra menzionati.

Quindi puoi avere molte applicazioni fatte da te con la facilità che Android può darti.

Perché usare Apache Cordova per programmare su Android

Il vantaggio di utilizzare questi strumenti è che utilizza risorse di interfaccia come Jquery Mobile o Dojo Mobile che consente lo sviluppo nativo ma in HTML, CCS e il famosissimo Javascript.

In breve, l’uso di questi strumenti consente di avere un’applicazione Web che può essere convertita in un’applicazione nativa che può essere utilizzata su Android.

Questo perché Apache Cordova adempirà le funzioni di un server Web nel nostro sistema Android.

Questo strumento ci dà la possibilità di creare applicazioni mobili che verranno eseguite localmente sul dispositivo mobile e saranno basate sul web design e sullo sviluppo.

Ecco perché con Apache Cordova possiamo accedere alle funzioni del dispositivo mobile tramite Javascript.

Ciò include cose come telecamere, dati e connessioni. Wi-Fi o reti, tastiera o audio, geolocalizzazione e altri disponibili.

Come creare applicazioni Android con Apache Cordova e SQlite? 1

Procedura per utilizzare Apache Cordova per programmare su Android

Per questo tutorial useremo Netbeans 8.0.2 fornito con Apache Cordova installato, ma vedremo anche come installarlo da zero.

Questo per poterlo usare con qualsiasi altro editor, anche con uno semplice come Notepad ++ o Bluefish.

È necessario avere Android sdk, Android Device Manager e Java jre installati e anche gli eseguibili puntati sulle variabili di sistema.

Installa Apache Cordova per programmare su Android

Per iniziare dobbiamo installare node.js , che è un framework che ti consente di creare un server che utilizza JavaScript.

Questo è usato come lingua del client e Cordova è installato con il gestore di pacchetti chiamato NPM che fa parte di Node.js.

L’installazione verrà eseguita prima su Linux , accederemo al terminale in modalità root e quindi installeremo i pacchetti corrispondenti.

Quindi procediamo al programma di installazione di Apache Cordova . Per verificare che sia stato installato correttamente.

Possiamo scrivere nel terminale cordova -v e restituirà la versione installata di Apache Cordova .

Crea un progetto con Apache Cordova per pianificare su Android

Dopo l’installazione possiamo creare applicazioni con Cordova , per creare un’applicazione.

Siamo situati in una directory di progetti che abbiamo e dal terminale scriviamo i comandi che riescono ad avviare la struttura del progetto.

Quindi è necessario scaricare tutti i pacchetti necessari e che saranno già aggiornati e che utilizzeremo nella nostra applicazione.

Fatto ciò, possiamo vedere come è stata creata la directory misapp , all’interno della struttura dell’applicazione.

Lì possiamo trovare nella cartella delle piattaforme i file necessari affinché Cordova possa interagire con i diversi dispositivi.

Qui aggiungeremo le piattaforme che vogliamo testare la nostra applicazione.

Ciò configurerà un emulatore valido per Androd versione 19 , ovvero API versione 19 o Android 4.4 (KITKAT), ovvero possiamo emulare qualsiasi dispositivo che esegue questa versione o una versione precedente.

Alcune piattaforme compatibili sono Amazon Fire OS, Android, BlackBerry, Firefox OS, iOS, Windows Phone, in questo tutorial ci concentreremo su Android.

Nella directory www è dove verrà sviluppata l’applicazione, saranno ospitati HTML, CSS , immagini e file Javascript, nonché le risorse necessarie per la nostra applicazione.

Ricorda che si tratta di una pagina Web che verrà eseguita in modo nativo all’interno di un server e anche di un browser Web incorporato che verrà eseguito come applicazione nativa su Android .

Quando creiamo il nostro progetto all’interno della directory www, verrà creata una struttura di progetto definita generica . Con il codice necessario per eseguire una semplice applicazione del tipo “Hello World”.

Come creare applicazioni Android con Apache Cordova e SQlite? 4

Eseguire il progetto Apache Cordova

Ecco perché abbiamo un esempio o un modello di un’applicazione eseguibile per dimostrare che funziona prima.

Tuttavia, per eseguire la programmazione, dobbiamo prima aggiungere la piattaforma o le piattaforme.

Se vogliamo testarlo su dispositivi Android e iOS , utilizziamo un comando nella directory dell’applicazione.

In questo modo saprai che questa è l’applicazione da compilare. Una volta compilato nella directory genererà i file .

Quello sarà il file apk installabile ed eseguibile su qualsiasi dispositivo Android . Per eseguirlo, la directory dell’applicazione deve disporre delle autorizzazioni di accesso completo.

Ora lo eseguiremo per la prima volta con l’emulatore , quindi scriviamo nel terminale. Possiamo vedere il dispositivo generico che mostra l’applicazione. Fare clic su di esso e vedere l’applicazione Apache predefinita .

Ora possiamo iniziare a creare la nostra applicazione modificando il file index.html trovato nella directory www.

Il resto del codice è HTML5, il file cordoba.js avrà la configurazione del server. Il file index.js sarà dove programmeremo il nostro script per dare interattività all’applicazione.

Dopo aver apportato le modifiche, salvare i file ed eseguire nuovamente il comando di emulazione Android da Cordova. In precedenza avevamo configurato un altro dispositivo in Gestione dispositivi Android .

Finora è stato possibile vedere come creare applicazioni con HTML5, CSS3 e Javascript o Jquery per dispositivi mobili. Il design deve essere pensato come adattabile in modo che possa essere utilizzato sia su dispositivi mobili che su computer o PC.

 

Potrebbe interessarti

Lascia un commento