Come installare Ionic Framework su Ubuntu 22.04

Introduzione

Se sei uno sviluppatore web che cerca di creare app mobili multipiattaforma, dovresti dare un'occhiata a Ionic Framework. Ionic Framework è utilizzato da oltre 4 milioni di sviluppatori in tutto il mondo, il che lo rende il framework di sviluppo di app in più rapida crescita sul mercato. Questa piattaforma di sviluppo open source ti consente di creare app con HTML, CSS e JavaScript, che possono quindi essere distribuite su dispositivi iOS, Android e Windows Phone.

In questo articolo, ti mostreremo come installare Ionic Framework su Ubuntu 22.04 usando Node.js e NPM.

Se desideri installare Ionic Framework su un server in remoto continua a leggere, altrimenti salta il primo paragrafo "Connessione al Server" e leggi il successivo.

Connessione al Server

Per accedere al server, è necessario conoscere l'indirizzo IP. Avrai anche bisogno dell'username e della password per l'autenticazione. Per connettersi al server come utente root digitare il seguente comando:

ssh root@IP_DEL_SERVER

Successivamente sarà necessario inserire la password dell'utente root.

Se non utilizzate l'utente root potete connettervi con un'altro nome utente utilizzando lo stesso comando, quindi modificare root con il vostro nome_utente:

ssh nome_utente@IP_DEL_SERVER

Successivamente vi verrà chiesto di inserire la password del vostro utente.

La porta standard per connettersi tramite ssh è la 22, se il vostro server utilizza una porta diversa, sarà necessario specificarla utilizzando il parametro -p, quindi digitare il seguente comando:

ssh nome_utente@IP_DEL_SERVER -p PORTA

Installare Node.js

Node.js è il requisito principale per l'esecuzione di applicazioni Angular. È possibile installare il Node.js richiesto utilizzando l'utilità della riga di comando NVM. Accedi al tuo sistema Ubuntu e segui.

Utilizzare il comando seguente per installare NVM:

curl https://raw.githubusercontent.com/creationix/nvm/master/install.sh | bash

Ora attiva l'ambiente NVM sul tuo sistema:

source ~/.bashrc

Ad oggi, Angular 14 è l'ultima versione che supporta Node.js 14 LTS e 16 LTS. Il comando seguente installerà Node.js 16 sul tuo sistema:

nvm install v16

Installare Ionic Framework su Ubuntu

Successivamente, è necessario installare il modulo del node ionic sul sistema. Ionic fornisce e riga di comando un'utilità per la creazione di pacchetti, la creazione e l'avvio di applicazioni:

npm install cordova --location=global

Esegui il comando NPM seguente per installare il framework Ionic sul tuo sistema:

npm install @ionic/cli  --location=global

Dopo aver completato l'installazione del framework Ionic, utilizzare il comando seguente per verificare la versione installata:

ionic -v

6.20.1

Creare un'applicazione ionic

Ora puoi creare una nuova applicazione Ionic sul tuo sistema Ubuntu usando i modelli di avvio.

Utilizzare il comando seguente per visualizzare i modelli di avvio disponibili:

ionic start --list

Seleziona un modello secondo le tue esigenze e crea una nuova applicazione Ionic. Puoi anche scegliere un modello vuoto per iniziare:

ionic start myApp my-first-app

Your Ionic app is ready! Follow these next steps:

- Go to your cloned project: cd ./myApp
- Run ionic serve within the app directory to see your app in the browser
- Run ionic capacitor add to add a native iOS or Android project using Capacitor
- Generate your app icon and splash screens using cordova-res --skip-config --copy
- Explore the Ionic docs for components, tutorials, and more: https://ion.link/docs
- Building an enterprise app? Ionic has Enterprise Support and Features:
https://ion.link/enterprise-edition

Ora, esegui il comando seguente per servire l'applicazione Ionic:

cd ionic-app

ionic serve

Questo avvierà l'applicazione Ionic sulla porta 8100. Puoi accedere alla tua applicazione ionic in un browser web utilizzando l'host locale o l'indirizzo IP del sistema.

Puoi anche definire l'host e la porta durante l'esecuzione dell'applicazione Ionic come di seguito:

ionic serve --host 0.0.0.0 --port 3005

Conclusione

In questo tutorial, hai imparato a installare la CLI del framework Ionic sul sistema Ubuntu. Inoltre, fornisci le istruzioni per creare ed eseguire una nuova applicazione Ionic.