Ionic est un framework open source qui peut être utilisé pour développer des applications mobiles hybrides à l'aide de technologies Web telles que CSS, HTML5 et Sass. Ionic fournit une puissante interface de ligne de commande qui peut être utilisée pour créer un projet avec une simple commande. Ionic prend en charge Android, IOS et la plate-forme Windows universelle pour le développement d'applications. Ionic utilise les plugins Cardova pour accéder à l'appareil photo, au GPS et à la lampe de poche.
Dans ce tutoriel, nous allons apprendre à installer le framework Ionic sur Ubuntu 18.04 (Bionic Beaver).
Exigences
- Un serveur exécutant Ubuntu 18.04 sur votre système.
- Un utilisateur non root avec des privilèges sudo.
Installer Node.js et Cordova
Tout d'abord, vous devrez installer Node.js sur votre système. Par défaut, la dernière version de Node.js n'est pas disponible dans le référentiel par défaut d'Ubuntu 18.04. Vous devrez donc ajouter PPA pour node.js à votre système.
Vous pouvez ajouter le PPA Node.js à l'aide de la commande suivante :
sudo apt-get install python-software-properties -y
curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
Ensuite, installez Node.js à l'aide de la commande suivante :
sudo apt-get install nodejs -y
Ensuite, vous devrez installer Cordova sur votre système. Vous pouvez l'installer avec la commande suivante :
sudo npm install -g cordova
Installer Ionic Framework
Ionic est livré avec un utilitaire de ligne de commande pratique pour démarrer, créer et empaqueter des applications Ionic. Vous pouvez l'installer en exécutant simplement la commande suivante :
sudo npm install -g ionic
Une fois Ionic installé, vous pouvez vérifier la version d'Ionic à l'aide de la commande suivante :
ionic -v
Sortie :
3.20.0
Créer un projet avec Ionic
Ensuite, vous devrez créer un nouveau projet Cordova quelque part sur l'ordinateur pour le code de votre application :vous pouvez le faire avec la commande suivante :
ionic start HelloWorld blank
La commande ci-dessus créera un répertoire HelloWorld.
Ensuite, changez le répertoire en HelloWorld et listez le contenu :
cd HelloWorld/
ls -l
Vous devriez voir le résultat suivant :
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
Ensuite, activez la plate-forme Android et créez le projet pour Android avec la commande suivante :
ionic platform add android
ionic cordova build android
ionic cordova emulate android
C'est ça! Vous pouvez maintenant créer facilement votre application.