Comment installer Ionic Framework sur Debian 10

Ionic est un framework gratuit et open-source permettant de créer des apps natives et web multiplateformes de haute qualité. Il est livré avec une puissante interface de ligne de commande qui t’aide à créer un projet à partir d’une simple commande. Ionic prend en charge Android, IOS et la plateforme universelle Windows pour développer des applications. Ionic utilise les plugins Cardova pour accéder à l’appareil photo, au GPS et à la lampe de poche.

Dans ce billet, nous allons te montrer comment installer Ionic Mobile App Framework sur le serveur Debian 10.

Conditions préalables

  • Un serveur fonctionnant sous Debian 10.
  • Un mot de passe root est configuré sur le serveur.

Pour commencer

Tout d’abord, mets les paquets système à la version mise à jour en exécutant la commande suivante :

apt-get update -y

Une fois que tous les paquets sont mis à jour, tu peux installer les autres paquets nécessaires avec la commande suivante.

apt-get install curl gnupg2 wget -y

Installe Node.js

Ensuite, tu devras installer Node.js sur ton système. Par défaut, la dernière version de Node.js n’est pas incluse dans le référentiel Debian. Tu devras donc ajouter le dépôt des sources de Node à ton système.

Tu peux ajouter le dépôt de sources Node avec la commande suivante :

curl -sL https://deb.nodesource.com/setup_14.x | bash -

Une fois le dépôt ajouté, installe Node.js avec la commande suivante :

apt-get install nodejs -y

Après avoir installé Node.js, vérifie la version de Node.js avec la commande suivante :

node --version

Tu devrais voir la sortie suivante :

v14.17.1

Ensuite, tu dois aussi installer Cordova sur ton système. Tu peux l’installer avec la commande suivante :

npm install -g cordova

Une fois installé, tu peux passer à l’étape suivante.

Installe Ionic Framework

Tout d’abord, tu dois installer un utilitaire ionic CLI sur ton serveur. Tu peux l’installer avec la commande suivante :

npm i -g @ionic/cli

Après avoir installé ionic, vérifie la version d’ionic avec la commande suivante :

ionic -v

Tu devrais obtenir le résultat suivant :

6.16.3

Créer un projet avec Ionic

Maintenant, tu peux créer ton premier projet avec la commande suivante :

ionic start

Tu seras invité à choisir le framework entre React ou Angular, à spécifier le nom de ton projet et à sélectionner un modèle comme indiqué ci-dessous :

Pick a framework! ????

Please select the JavaScript framework to use for your new app. To bypass this prompt next time, supply a value for the
--type option.

? Framework: Angular

Every great app needs a name! ????

Please enter the full name of your app. You can change this at any time. To bypass this prompt next time, supply name,
the first argument to ionic start.

? Project name: myapp

Let's pick the perfect starter template! ????

Starter templates are ready-to-go Ionic apps that come packed with everything you need to build your app. To bypass this
prompt next time, supply template, the second argument to ionic start.

? Starter template: tabs
? Preparing directory ./myapp in 3.69ms
? Downloading and extracting tabs starter in 591.18ms
? Integrate your new app with Capacitor to target native iOS and Android? No

Your Ionic app is ready! Follow these next steps:

- Go to your new 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

Démarre l’application

Maintenant, change le répertoire de ton projet et démarre l’application avec la commande suivante :

cd myapp
ionic serve --host 0.0.0.0 --port 8100,/p>

Tu devrais obtenir la sortie suivante :

> ng run app:serve --host=0.0.0.0 --port=8100
[INFO] Development server running!
       
       Local: http://localhost:8100
       External: http://216.98.11.73:8100
       
       Use Ctrl+C to quit this process

[INFO] Browser window opened to http://localhost:8100!

Maintenant, ouvre ton navigateur Web et accède à ton application en utilisant l’URL http://your-server-ip:8100. Tu devrais voir ton application ionique sur l’écran suivant :

Ioniq test page

Conclusion

Félicitations ! Tu as réussi à installer le framework Ionic sur le serveur Debian 10. Tu peux maintenant commencer à créer ton application mobile à l’aide du framework Ionic.

Vous aimerez aussi...