Come installare Apache Cordova su Ubuntu 18.04 per creare app

Uno dei settori che oggi è più in forte espansione è la creazione di applicazioni, siano esse per telefoni cellulari o dispositivi vari, poiché gli utenti finali sono sempre alla ricerca di applicazioni innovative che li aiutino a gestire vari aspetti della loro vita quotidiana, il loro studio, il tuo lavoro o semplicemente il tuo divertimento.

Quando si parla di Linux si parla di un sistema scalabile, cioè può essere esteso ben oltre quanto fornito di default grazie al codice gratuito e proprio per questo esistono applicazioni speciali per la creazione di applicazioni e oggi Solvetic punterà su un chiama Apache Cordova e vedremo come usarlo in Ubuntu 18.04.
Se non hai Ubuntu 18.04, possiamo scaricarlo gratuitamente al seguente link:

Cos'è Apache Cordova?Apache Cordova è un'applicazione che si concentra sulla facilitazione dello sviluppo di applicazioni mobili ed è basata sull'open source. Utilizzando Apache Cordova sarà possibile utilizzare tecnologie web standard come HTML5, CSS3 e JavaScript per lo sviluppo multipiattaforma e sappiamo benissimo che questi linguaggi sono la base per la creazione e il mantenimento di migliaia di applicazioni.

Con Apache Cordova le applicazioni vengono eseguite all'interno di ambienti digitali che sono diretti a ciascuna piattaforma speciale e questi dipendono dai collegamenti API che devono rispettare gli standard richiesti per poter accedere alle capacità di ciascun dispositivo in funzioni come sensori, dati. , stato della rete, memoria, ecc.

Abbiamo la possibilità di costruire applicazioni mobili ibride utilizzando i linguaggi HTML, CSS e JavaScript in Apache Cordova che possono essere utilizzate su diverse piattaforme mobili come IOS, Android o Windows.

Apache Cordova utilizzaApache Cordova è una soluzione pratica in casi come:

• Se siamo sviluppatori web e vogliamo implementare un'applicazione web pacchettizzata in modo che sia distribuita in diversi negozi di applicazioni.

• Se vogliamo estendere un'applicazione a più di una piattaforma, senza la necessità di re-implementarla con il suo set di strumenti e linguaggio per ogni piattaforma, il che richiede tempo e risorse.

• Se l'obiettivo è mescolare i componenti nativi dell'applicazione con una WebView (apposita finestra del browser) attraverso la quale è possibile accedere alle API a livello di dispositivo, o se si vuole sviluppare un'interfaccia plug-in tra componenti nativi e WebView.

Componenti chiave di Apache CordovaQuando vogliamo usare Apache Cordova dobbiamo tenere a mente alcuni termini chiave durante il suo sviluppo, questi sono.

• WebView: WebView è compatibile con Apache Cordova e grazie ad esso l'intera interfaccia utente viene fornita all'applicazione, su alcune piattaforme specifiche, può anche essere un componente all'interno di un'applicazione ibrida più grande che può mescolare WebView con componenti applicativi nativi.

• App Web: L'app Web è il luogo in cui è ospitato il codice dell'applicazione, in quanto tale l'applicazione stessa è implementata come una pagina Web con un file locale chiamato index.html, che fa riferimento a CSS, JavaScript, immagini, file multimediali o altre risorse che sono necessario per la sua corretta esecuzione, in modo che l'applicazione venga eseguita in una WebView all'interno del contenitore dell'applicazione nativa e questo contenitore abbia un file vitale, chiamato config.xml, che fornisce informazioni sull'applicazione e con lui specifica i parametri che influenzano le sue prestazioni generali.

• Plugin: Plugin o componenti aggiuntivi sono parte integrante dell'ambiente Apache Cordova poiché la loro funzione è quella di offrire un'interfaccia a Cordova e generare componenti nativi per la corretta comunicazione tra di loro e collegamenti alle API dei dispositivi standard. Grazie ai plugin sarà possibile invocare codice nativo da JavaScript.

Apache Cordova ha una serie di plugin di base chiamati Core Plugins, questi plugin principali forniscono all'applicazione gli strumenti necessari per accedere alle funzionalità del dispositivo, come batteria, fotocamera, contatti e molto altro.

Percorsi di sviluppo in Apache CordovaApache Cordova ha due flussi di lavoro di base per la creazione di un'applicazione mobile che sono.

• Flusso di lavoro multipiattaforma (CLI): Grazie a questo flusso di lavoro, sarà possibile consentire l'esecuzione dell'applicazione sul maggior numero possibile di sistemi operativi mobili, senza troppi sforzi a livello di sviluppo specifico della piattaforma. Questo flusso di lavoro si concentra sull'interfaccia a riga di comando di Apache Cordova.

• Flusso di lavoro incentrato sulla piattaforma: con questo flusso di lavoro sarà possibile concentrarsi sulla creazione di un'applicazione focalizzata su un'unica piattaforma e che può essere modificata a un livello inferiore. Questo flusso di lavoro si basa su una serie di script di shell di livello inferiore che sono stati progettati per ciascuna piattaforma supportata e dispone di un'utilità Plugman separata che ci consente di applicare i plug-in.

Con questi dettagli in mente, vediamo come creare un'applicazione utilizzando Apache Cordova.

1. Installa Node.js su Ubuntu 18.04

Passo 1
Prima di tutto sarà necessario installare l'ultima versione di Node.js sul sistema, per impostazione predefinita l'ultima versione di Node.js non è disponibile nel repository Ubuntu 18.04 predefinito quindi sarà necessario aggiungere un repository PPA per node.js utilizzando il seguente comando:

 sudo apt-get install software-properties-common -y 

INGRANDIRE

Passo 2
Ora eseguiremo uno dei seguenti comandi:

 curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash - curl -sL https://deb.nodesource.com/setup_8.x -o nodesource_setup.sh

INGRANDIRE

NotaPossiamo utilizzare il seguente comando per eseguire questo processo in modo efficiente.

 sudo apt install npm 

Passaggio 3

Procediamo con l'installazione di Node.js utilizzando il seguente comando:

 sudo apt-get install nodejs -y 

INGRANDIRE

2. Installa Apache Cordova su Ubuntu 18.04

Passo 1
Una volta installato Node.js, installeremo Apache Cordova utilizzando il comando NPM come segue.

 sudo npm install -g cordova 

Passo 2
Vedremo che inizia il seguente processo:

INGRANDIRE

Passaggio 3
Una volta terminata questa analisi, vedremo il seguente risultato:

INGRANDIRE

Passaggio 4
Ora verificheremo la versione di Apache Cordova eseguendo la riga seguente.

 cordova -versione 

Passaggio 5
Inseriamo la parola Sì e verrà visualizzata la versione corrente:

INGRANDIRE

3. Creare un'applicazione in Apache Cordova

Passo 1
Per creare un'applicazione in Apache Cordova eseguiremo il seguente comando con il suo nome:

 cordova create SolveticApp 

Passo 2
Quando si preme Invio il risultato sarà il seguente:

INGRANDIRE

Passaggio 3
Ora andremo nella directory della nuova applicazione, SolveticApp e lì aggiungeremo la piattaforma richiesta per l'applicazione:

 cd SolveticApp piattaforma cordova aggiungi Android

INGRANDIRE

Passaggio 4
Lì possiamo utilizzare varie piattaforme come:

• piattaforma cordova aggiungi ios

• piattaforma cordova aggiungi amazon-fireos

• piattaforma cordova aggiungi Android

• piattaforma cordova aggiungi blackberry10

• piattaforma cordova aggiungi firefoxos

Passaggio 5
Ora eseguiremo il seguente comando per vedere le piattaforme installate e disponibili per l'applicazione Apache Cordova:

 piattaforma cordova -ls 

INGRANDIRE

Passaggio 6
Il passo successivo è soddisfare tutti i requisiti per l'ambiente di costruzione, questo può essere convalidato eseguendo il seguente comando:

 requisiti di cordova 

INGRANDIRE

Passaggio 7
Lì saremo in grado di visualizzare quali elementi sono necessari per la sua costruzione integrata affinché l'applicazione funzioni correttamente. Una volta completati tutti i passaggi, creiamo l'applicazione eseguendo:

 cordova build Android 

Passaggio 8
Una volta costruiti possiamo fare uso di emulatori che eseguono un'immagine del dispositivo in modo virtuale e in questo caso di Android dobbiamo installare l'SDK e quindi eseguire quanto segue:

 cordova emula Android 

Passaggio 8
Nel momento in cui vogliamo eliminare la piattaforma creata dobbiamo eseguire quanto segue:

 piattaforma cordova rimuovere Android 

INGRANDIRE

Abbiamo visto come Apache Cordova sia una piattaforma che ci offre una serie di vantaggi per la creazione totale e funzionale di applicazioni utilizzabili e implementabili su varie piattaforme con pieno utilizzo e soprattutto, il consumo di risorse è minimo indipendentemente dal tipo di applicazione creata.