Ionic è un framework open source che può essere utilizzato per lo sviluppo di app mobili ibride utilizzando tecnologie Web come CSS, HTML5 e Sass. Ionic fornisce una potente interfaccia a riga di comando che può essere utilizzata per creare un progetto con un semplice comando. Ionic supporta Android, IOS e la piattaforma Windows universale per lo sviluppo di app. Ionic utilizza i plug-in Cardova per accedere a fotocamera, GPS e torcia.
In questo tutorial impareremo a installare il framework Ionic su Ubuntu 18.04 (Bionic Beaver).
Requisiti
- Un server che esegue Ubuntu 18.04 sul tuo sistema.
- Un utente non root con privilegi sudo.
Installa Node.js e Cordova
Innanzitutto, dovrai installare Node.js sul tuo sistema. Per impostazione predefinita, l'ultima versione di Node.js non è disponibile nel repository predefinito di Ubuntu 18.04. Quindi, dovrai aggiungere PPA per node.js al tuo sistema.
Puoi aggiungere il PPA Node.js usando il seguente comando:
sudo apt-get install python-software-properties -y
curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
Quindi, installa Node.js usando il seguente comando:
sudo apt-get install nodejs -y
Successivamente, dovrai installare Cordova sul tuo sistema. Puoi installarlo con il seguente comando:
sudo npm install -g cordova
Installa Ionic Framework
Ionic viene fornito con una comoda utilità da riga di comando per avviare, creare e creare pacchetti di app Ionic. Puoi installarlo semplicemente eseguendo il seguente comando:
sudo npm install -g ionic
Una volta installato Ionic, puoi controllare la versione di Ionic usando il seguente comando:
ionic -v
Uscita:
3.20.0
Crea progetto con Ionic
Successivamente, dovrai creare un nuovo progetto Cordova da qualche parte sul computer per il codice per la tua app:puoi farlo con il seguente comando:
ionic start HelloWorld blank
Il comando precedente creerà una directory HelloWorld.
Quindi, cambia la directory in HelloWorld ed elenca i contenuti:
cd HelloWorld/
ls -l
Dovresti vedere il seguente output:
total 260 -rw-r--r-- 1 3434 3434 92 Jun 9 15:43 ionic.config.json drwxr-xr-x 536 root root 20480 Jun 9 15:46 node_modules -rw-r--r-- 1 3434 3434 1135 Jun 9 15:43 package.json -rw-r--r-- 1 root root 224175 Jun 9 15:46 package-lock.json drwxr-xr-x 6 3434 3434 4096 Jun 9 15:43 src -rw-r--r-- 1 3434 3434 519 May 30 23:39 tsconfig.json -rw-r--r-- 1 3434 3434 178 May 30 23:39 tslint.json
Successivamente, abilita la piattaforma Android e costruisci il progetto per Android con il seguente comando:
ionic platform add android
ionic cordova build android
ionic cordova emulate android
Questo è tutto! Ora puoi creare facilmente la tua app.