Apache Cordova (anciennement connu sous le nom de PhoneGap) est un framework de développement mobile gratuit et open source qui peut être utilisé pour créer des applications pour appareils mobiles utilisant CSS3, HTML5 et JavaScript. Vous pouvez créer des applications mobiles hybrides à l'aide de HTML, CSS et JavaScript sur la plate-forme Cordova qui seront utilisées sur différentes plates-formes mobiles telles que IOS, Android et Windows. Cordova est plus rapide à développer une application hybride qu'une application native, ce qui peut vous faire gagner du temps de développement.
Dans ce tutoriel, nous allons apprendre à installer Cordova sur Ubuntu 18.04 LTS (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
Tout d'abord, vous devrez installer la dernière version de 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 le faire avec la commande suivante :
sudo apt-get install python-software-properties -y
curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
Une fois le référentiel installé, installez Node.js à l'aide de la commande suivante :
sudo apt-get install nodejs -y
Installer Cordova
Maintenant, installez Cordova en utilisant la commande npm comme ci-dessous :
sudo npm install -g cordova
Sortie :
/usr/bin/cordova -> /usr/lib/node_modules/cordova/bin/cordova + [email protected] updated 1 package in 15.829s
Une fois le Cordova installé, vous pouvez vérifier la version à l'aide de la commande suivante :
cordova --version
Sortie :
? May Cordova anonymously report usage statistics to improve the tool over time? Yes Thanks for opting into telemetry to help us improve cordova. 8.0.0
Créer votre première application
Cordova est maintenant installé, il est temps de créer une application utilisant Cordova.
Exécutez la commande suivante pour créer votre première application avec le nom TestApp :
cordova create TestApp
Sortie :
Creating a new cordova project.
Ensuite, changez le répertoire en TestApp et ajoutez la plate-forme requise dans votre application.
cd TestApp
cordova platform add android
Vous devriez voir le résultat suivant :
Using cordova-fetch for [email protected]~7.0.0
Adding android project...
Creating Cordova project for the Android platform:
Path: platforms/android
Package: io.cordova.hellocordova
Name: HelloCordova
Activity: MainActivity
Android target: android-26
Subproject Path: CordovaLib
Subproject Path: app
Android project created with [email protected]
Android Studio project detected
Android Studio project detected
Discovered plugin "cordova-plugin-whitelist" in config.xml. Adding it to the project
Installing "cordova-plugin-whitelist" for android
This plugin is only applicable for versions of cordova-android greater than 4.0. If you have a previous platform version, you do *not* need this plugin since the whitelist will be built in.
Adding cordova-plugin-whitelist to package.json
Saved plugin info for "cordova-plugin-whitelist" to config.xml
--save flag or autosave detected
Saving [email protected]~7.0.0 into config.xml file ...
Ensuite, exécutez la commande suivante pour répertorier les plates-formes installées et disponibles pour l'application Cordova.
cordova platform -ls
Sortie :
Installed platforms: android 7.0.0 Available platforms: browser ~5.0.1 ios ~4.5.4 osx ~4.0.1 windows ~5.0.0 www ^3.12.0
Si vous souhaitez supprimer une plate-forme, vous pouvez la supprimer en exécutant simplement la commande suivante :
cordova platform remove android
Ensuite, vous devrez remplir toutes les conditions requises pour votre environnement de construction. Vous pouvez le faire en exécutant la commande suivante :
cordova requirements
Une fois que toutes les dépendances requises sont installées avec succès, exécutez la commande suivante pour créer votre application :
cordova build android
Liens
- Apache Cordoue