Nel prossimo articolo daremo un'occhiata a Ionic Framework e come può essere installato su Ubuntu 20.04. Questo framework consentirà agli utenti di implementare progetti con altri framework come Angular. Ionic è un SDK open source completo per lo sviluppo di app mobili ibride creato da Max Lynch, Ben Sperry e Adam Bradley di Drifty Co. nel 2013. La versione originale è stata rilasciata nel 2013 e si basa su AngularJS e Apache Cordova. Tuttavia, l'ultima versione è stata ricostruita come un insieme di componenti Web, il che consente all'utente di scegliere di fare progetti Angular, React o Vue.js. Consente inoltre l'utilizzo di componenti ionici senza alcun framework di interfaccia utente.
Ionic fornisce strumenti e servizi per sviluppare applicazioni web ibride desktop, mobili e progressive basate su moderne pratiche e tecnologie di sviluppo web. Per questo possono essere utilizzate tecnologie web come CSS, HTML5 e Sass. Con questo framework possiamo sviluppare applicazioni con tecnologie web compatibili con iOS, Android o il web stesso. Offre anche un potente strumento CLI con il quale saremo in grado di gestire e creare progetti.
Caratteristiche generali di Ionic
- Questo framework è gratuito e open source. Offre una libreria di strumenti e componenti dell'interfaccia utente ottimizzati per dispositivi mobili, con cui creare applicazioni veloci e altamente interattive.
- Ionico utilizza Cordova, e più recentemente plug-in per accedere alle funzioni del sistema operativo host come GPS, fotocamera, torcia, ecc.
- Gli utenti possono creare le proprie app e quindi personalizzarle per Android, iOS, Windows, desktop (con Electron) o browser moderni.
- Ionic include parti mobili, tipografia o un tema di base estensibile.
- Quando si utilizza Componenti Web, Ionic fornisce componenti e metodi personalizzati per interagire con essi. Uno di questi componenti, lo scorrimento virtuale, consente agli utenti di scorrere un elenco di migliaia di elementi senza alcun impatto sulle prestazioni. Un altro componente, Tabs, crea un'interfaccia a schede che supporta la navigazione in stile nativo e la gestione dello stato della cronologia.
- Oltre all'SDK, Ionic fornisce anche servizi che gli sviluppatori possono utilizzare per abilitare le funzionalitàcome implementazioni di codice o build automatizzate.
- anche fornisce il proprio IDE noto come Ionic Studio.
- Offre anche un'interfaccia di Riga di comando (CLI) per creare progetti. La CLI consente inoltre agli sviluppatori di aggiungere plug-in e pacchetti Cordova aggiuntivi, abilitare notifiche push, generare icone di app, schermate iniziali e creare binari nativi.
Installa Ionic su Ubuntu 20.04
L'installazione di questo framework è abbastanza semplice. Per iniziare dobbiamo solo aprire un terminale (Ctrl + Alt + T) e aggiorna i nostri pacchetti di sistema:
sudo apt update; sudo apt upgrade
Allora lo faremo installa alcuni pacchetti necessari. Nello stesso terminale dovremo usare il comando:
sudo apt install curl gnupg2 wget git
Il prossimo passo sarà installa NodeJS. Questo esempio l'ho testato con la versione 14.x. Per installare questa versione, inizieremo aggiungendo il repository necessario:
curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -
Allora possiamo installare NodeJS eseguendo questo altro comando:
sudo apt install nodejs
Ionic richiede Apache Cordova. Va chiarito che si tratta di un insieme di API del dispositivo che consentono allo sviluppatore di applicazioni mobili, utilizzando JavaScript, di accedere alle funzioni native del dispositivo, come la fotocamera o l'accelerometro.
Dopo aver installato NodeJS, possiamo installa cordova in esecuzione:
sudo npm install -g cordova
A questo punto possiamo passare a installa Ionic usando npm:
sudo npm i -g @ionic/cli
Dopo l'installazione, possiamo controlla la versione installata con il comando:
ionic -v
Un'applicazione di esempio
Per sapere se l'installazione è stata eseguita correttamente, possiamo iniziare creando una piccola applicazione di esempio. Per fare questo, dovremo solo esegui il seguente comando crea l'esempio:
ionic start
Quando si esegue questo comando dovrai definire che tipo di progetto vuoi creare. Per questo esempio ho scelto Angular. Inoltre, dovrai dare un nome al tuo progetto e scegliere il modello. Tutto questo dovrai selezionare da una schermata simile alla seguente:
Dopo l'installazione, verrà generata una cartella con il nome che abbiamo dato al progetto. Accedi a questa cartella per vedere la struttura del progetto.
A guarda il progetto, nello stesso terminale eseguiremo questo altro comando:
ionic serve --host 0.0.0.0 --port 8000
Con questo comando consentiremo a qualsiasi host di accedere alla porta 8000.
Quando tutto ciò di cui hai bisogno è caricato, apri il tuo browser web e vai su http://localhost:8000 o http://IP-de-tu-servidor:8000 e vedrai la pagina di esempio appena creata.
Ionic è un framework moderno che ci permette di sviluppare applicazioni multipiattaforma in modo semplice ed elegante. Si può ottenere maggiori informazioni e documentazione sulla sua installazione e funzionamento nel sito web del progetto.