▷ Cómo instalar Apache Cordova en Ubuntu 18.04 LTS

Introducción

Apache Cordova, originalmente conocido como PhoneGap, es un marco de desarrollo de dispositivos móviles de código abierto que ayuda a los desarrolladores a usar HTML5, CSS3 y JavaScript para crear nuevas aplicaciones móviles.

Esta plataforma también te permite crear aplicaciones móviles híbridas usando Javascript, HTML y CSS que pueden ser útiles en otras plataformas móviles como Android, IOS o Windows. Es fácil y rápido construir aplicaciones híbridas en comparación con las aplicaciones nativas en la plataforma Cordova, lo que ahorra mucho tiempo en la fase de desarrollo.

Estos artículos lo guiarán a través del proceso de instalación de Cordova en Ubuntu 18.04 LTS.

requisitos

Antes de comenzar el proceso de instalación, necesitará lo siguiente:

Un servidor virtual que ejecuta Ubuntu 18.04.
Un usuario no root con privilegios sudo.

¡Vamos a empezar!

Paso 1: instala Node.js

El primer paso es instalar la última versión estable de Node.js en su máquina virtual. Dado que Node.js no está en el repositorio predeterminado de Ubuntu, necesitamos incluir PPA para node.js para que se pueda instalar. Esto se puede hacer ejecutando el siguiente comando:

$cd ~
$ curl -sL https://deb.nodesource.com/setup_8.x -o nodesource_setup.sh

Puede utilizar el editor nano o cualquier otro editor de su elección para revisar el contenido del script anterior:

$ nano nodesource_setup.sh

Alternativamente, ejecute el siguiente comando para ejecutar el script:

$ sudo bash nodesource_setup.sh

Después de instalar el repositorio, continúe e instale Node.js ejecutando el siguiente comando:

$ sudo apt-get install nodejs -y

Ejecute el siguiente comando para verificar la versión instalada de Node.js:

$ nodejs -v

Esto le dará un resultado como el siguiente. El número de versión puede variar según el Node.js instalado:

v8.11.1

A continuación, ejecute el siguiente comando para instalar el administrador de paquetes Node.js:

$ sudo apt install npm

Ejecute el siguiente comando para verificar la versión instalada de npm:

$ npm -v

Esto le dará un resultado similar al siguiente:

5.6.0

Paso 2: instalar Cordova con NPM

El siguiente paso es instalar Cordova con NPM. El comando Apache Cordova requiere que Node.js se ejecute y está disponible en NPM. Para instalarlo, ejecute el siguiente comando:

$ sudo npm install -g cordova

Después de instalar Cordova, debe verificar la versión que está usando con el siguiente comando:

$ cordova --version

La salida debería verse así:

? May Cordova anonymously report usage statistics to improve the tool over time? Yes

Thanks for opting into telemetry to helpus improve cordova.

8.0.0

Ahora podemos después de instalar Cordova. crear una aplicación

Paso 3: creación de una aplicación con Cordova

Una vez que haya instalado Cordova con éxito, puede crear su primera aplicación.

Para hacer esto, ejecute el siguiente comando llamado mi aplicación. Puede cambiar el nombre según sea necesario.

$ cordova create myapp

La salida debería verse así:

Creating a new cordova project.

Ahora agregue la plataforma deseada en la aplicación. Este proceso crea los archivos que necesita para la plataforma en cuestión.

$cd myapp
$ cordova platform add android

La siguiente salida muestra:

Using cordova-fetch for cordova-android@~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 cordova-android@7.0.0
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 android@~7.0.0 into config.xml file ...

A continuación, debe enumerar las plataformas instaladas necesarias para la aplicación Cordova.

$ cordova platform -ls

Debería ver el siguiente resultado:

Installedplatforms:
  android 7.0.0
Availableplatforms: 
  browser ~5.0.1
  ios ~4.5.4
  osx ~4.0.1
  windows ~5.0.0
  www ^3.12.0

Si agrega una plataforma que no desea, puede eliminarla con el siguiente comando:

$ cordova platform remove android

Ahora necesitas crear una aplicación Cordova. Sin embargo, antes de hacer esto, asegúrese de que su sistema cumpla con todos los requisitos necesarios para su entorno de compilación.

$ cordova requirements

Después de instalar estos requisitos, ejecute el siguiente comando para comenzar a compilar su aplicación:

$ cordova build android

¡Eso es todo!

Conclusión

En este punto, debería poder instalar correctamente Apache Cordova en Ubuntu 18.04 LTS. Ahora puede utilizar fácilmente tecnologías web estándar como CSS3, HTML5 y JavaScript.