L'un des domaines les plus florissants aujourd'hui est la création d'applications, que ce soit pour les téléphones portables ou pour divers appareils, car les utilisateurs finaux sont toujours à la recherche d'applications innovantes qui les aident à gérer divers aspects de leur vie quotidienne, de leurs études, de votre travail ou tout simplement votre divertissement.
Lorsque nous parlons de Linux, nous parlons d'un système évolutif, c'est-à-dire qu'il peut être étendu bien au-delà de ce qui est fourni par défaut grâce au code libre et c'est précisément pour cette raison qu'il existe des applications spéciales pour créer des applications et aujourd'hui Solvetic se concentrera sur un appelez Apache Cordova et nous verrons comment l'utiliser dans Ubuntu 18.04.
Si vous n'avez pas Ubuntu 18.04, nous pouvons le télécharger gratuitement sur le lien suivant :
Qu'est-ce qu'Apache CordovaApache Cordova est une application qui vise à faciliter le développement d'applications mobiles et est basée sur l'open source. En utilisant Apache Cordova, il sera possible d'utiliser des technologies Web standard telles que HTML5, CSS3 et JavaScript pour le développement multiplateforme et nous savons très bien que ces langages sont à la base de la création et de la maintenance de milliers d'applications.
Avec Apache Cordova, les applications sont exécutées dans des environnements numériques dirigés vers chaque plate-forme spéciale, et ceux-ci dépendent des liens API qui doivent être conformes aux normes requises pour pouvoir accéder aux capacités de chaque appareil dans des fonctions telles que les capteurs, les données. , état du réseau, mémoire, etc.
Nous avons la possibilité de créer des applications mobiles hybrides utilisant les langages HTML, CSS et JavaScript dans Apache Cordova qui peuvent être utilisées sur différentes plateformes mobiles telles que IOS, Android ou Windows.
Apache Cordova utiliseApache Cordova est une solution pratique dans des cas comme :
- Si nous sommes des développeurs Web et que nous souhaitons implémenter une application Web packagée afin qu'elle soit distribuée dans plusieurs magasins d'applications.
- Si nous voulons étendre une application sur plusieurs plateformes, sans avoir besoin de la ré-implémenter avec son ensemble d'outils et de langage pour chaque plateforme, cela prend du temps et des ressources.
- Si l'objectif est de mélanger des composants d'application natifs avec une WebView (fenêtre de navigateur spéciale) via laquelle les API au niveau de l'appareil sont accessibles, ou si nous voulons développer une interface de plug-in entre les composants natifs et WebView.
Composants clés d'Apache CordovaLorsque nous voulons utiliser Apache Cordova, nous devons garder à l'esprit certains termes clés lors de son développement, à savoir.
- WebView : WebView est compatible avec Apache Cordova et grâce à lui, toute l'interface utilisateur est fournie à l'application, sur certaines plates-formes spécifiques, il peut également être un composant au sein d'une application hybride plus grande qui peut mélanger WebView avec des composants d'application natifs.
- Application Web : l'application Web est l'endroit où le code de l'application est hébergé, en tant que telle, l'application elle-même est implémentée en tant que page Web avec un fichier local appelé index.html, qui fait référence à CSS, JavaScript, images, fichiers multimédia ou autres ressources qui sont nécessaire à sa bonne exécution, afin que l'application s'exécute dans une WebView au sein du conteneur d'application natif et que ce conteneur dispose d'un fichier vital, appelé config.xml, qui fournit des informations sur l'application et avec lequel il spécifie les paramètres qui affectent ses performances générales.
- Plugins : Les plugins ou add-ons font partie intégrante de l'environnement Apache Cordova car leur fonction est d'offrir une interface à Cordova et de générer des composants natifs pour une communication correcte entre eux et des liens vers des API de périphériques standard. Grâce aux plugins, il sera possible d'invoquer du code natif à partir de JavaScript.
Apache Cordova dispose d'un ensemble de plugins de base appelés Core Plugins, ces plugins principaux fournissent à l'application les outils nécessaires pour accéder aux capacités de l'appareil, telles que la batterie, l'appareil photo, les contacts et bien plus encore.
Chemins de développement dans Apache CordovaApache Cordova a deux workflows de base pour créer une application mobile qui sont.
- Workflow multiplateforme (CLI) : Grâce à ce workflow, il sera possible de permettre à l'application d'être exécutée sur autant de systèmes d'exploitation mobiles que possible, sans trop d'effort au niveau du développement spécifique à la plateforme. Ce flux de travail se concentre sur l'interface de ligne de commande Apache Cordova.
- Flux de travail centré sur la plate-forme : avec ce flux de travail, il sera possible de se concentrer sur la création d'une application axée sur une seule plate-forme et pouvant être modifiée à un niveau inférieur. Ce flux de travail est basé sur un ensemble de scripts shell de niveau inférieur qui ont été conçus pour chaque plate-forme prise en charge et dispose d'un utilitaire Plugman distinct qui nous permet d'appliquer des plug-ins.
1. Installez Node.js sur Ubuntu 18.04
Étape 1
Tout d'abord, il faudra installer la dernière version de Node.js sur le système, par défaut la dernière version de Node.js n'est pas disponible dans le référentiel Ubuntu 18.04 par défaut il faudra donc ajouter un référentiel PPA pour node.js à l'aide de la commande suivante :
sudo apt-get install software-properties-common -y
AGRANDIR
Étape 2
Nous allons maintenant exécuter l'une des commandes suivantes :
curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash - curl -sL https://deb.nodesource.com/setup_8.x -o nodesource_setup.sh
AGRANDIR
NoterNous pouvons utiliser la commande suivante pour effectuer ce processus efficacement.
sudo apt installer npm
Étape 3
Nous procédons à l'installation de Node.js à l'aide de la commande suivante :
sudo apt-get install nodejs -y
AGRANDIR
2. Installer Apache Cordova sur Ubuntu 18.04
Étape 1
Une fois Node.js installé, nous allons installer Apache Cordova à l'aide de la commande NPM comme suit.
sudo npm install -g cordovaÉtape 2
Nous verrons que le processus suivant commence :
AGRANDIR
Étape 3
Une fois cette analyse terminée, nous verrons le résultat suivant :
AGRANDIR
Étape 4
Nous allons maintenant vérifier la version d'Apache Cordova en exécutant la ligne suivante.
Cordoue -versionÉtape 5
Nous entrons le mot Oui et la version actuelle sera affichée :
AGRANDIR
3. Créer une application dans Apache Cordova
Étape 1
Pour créer une application dans Apache Cordova nous allons exécuter la commande suivante avec son nom :
cordova crée SolveticAppÉtape 2
Lorsque vous appuyez sur Entrée, le résultat sera le suivant :
AGRANDIR
Étape 3
Maintenant nous allons aller dans le répertoire de la nouvelle application, SolveticApp et là nous ajoutons la plate-forme requise pour l'application :
plateforme cd SolveticApp cordova ajouter android
AGRANDIR
Étape 4
Là, nous pouvons utiliser diverses plates-formes telles que:
- plate-forme cordova ajouter ios
- plate-forme cordova ajouter amazon-fireos
- plate-forme cordova ajouter android
- plate-forme cordova ajouter blackberry10
- plate-forme cordova ajouter firefoxos
Étape 5
Nous allons maintenant exécuter la commande suivante pour voir les plates-formes installées et disponibles pour l'application Apache Cordova :
plate-forme cordova -ls
AGRANDIR
Étape 6
L'étape suivante consiste à répondre à toutes les exigences de l'environnement de construction, cela peut être validé en exécutant la commande suivante :
exigences de cordoue
AGRANDIR
Étape 7
Là, nous pourrons visualiser quels éléments sont nécessaires à sa construction intégrée afin que l'application fonctionne correctement. Une fois toutes les étapes terminées, nous construisons l'application en exécutant :
cordova construire AndroidÉtape 8
Une fois construit, nous pouvons utiliser des émulateurs qui exécutent une image de l'appareil de manière virtuelle et dans ce cas d'Android, nous devons installer le SDK puis exécuter ce qui suit :
cordova émuler AndroidÉtape 8
Au moment où nous voulons éliminer la plate-forme créée, nous devons exécuter les opérations suivantes :
plate-forme cordova supprimer Android
AGRANDIR
Nous avons vu comment Apache Cordova est une plate-forme qui nous offre une série d'avantages pour la création totale et fonctionnelle d'applications pouvant être utilisées et implémentées sur différentes plates-formes avec une utilisation complète et le meilleur de tous, la consommation de ressources est minime quel que soit le type de l'application créée.
