Cómo instalar Apache Cordova en Ubuntu 18.04 LTS

Apache Cordova (antes conocido como PhoneGap) es un marco de desarrollo móvil gratuito y de código abierto que puede utilizarse para crear aplicaciones para dispositivos móviles utilizando CSS3, HTML5 y JavaScript. Puedes construir aplicaciones móviles híbridas utilizando HTML, CSS y JavaScript en la plataforma Cordova que se utilizarán en diferentes plataformas móviles como, IOS, Android, Windows. Cordova es más rápido para desarrollar aplicaciones híbridas que nativas, por lo que puede ahorrar tu tiempo de desarrollo.

En este tutorial, aprenderemos a instalar Cordova en Ubuntu 18.04 LTS (Bionic Beaver).

Requisitos

  • Un servidor con Ubuntu 18.04 en tu sistema.
  • Un usuario no root con privilegios sudo.

Instalar Node.js

En primer lugar, tendrás que instalar la última versión de Node.js en tu sistema. Por defecto, la última versión de Node.js no está disponible en el repositorio por defecto de Ubuntu 18.04. Así que tendrás que añadir el PPA de node.js a tu sistema.

Puedes hacerlo con el siguiente comando:

sudo apt-get install python-software-properties -y
curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -

Una vez instalado el repositorio, instala Node.js con el siguiente comando:

sudo apt-get install nodejs -y

Instalar Cordova

Ahora, instala Cordova utilizando el comando npm como se indica a continuación:

sudo npm install -g cordova

Salida:

/usr/bin/cordova -> /usr/lib/node_modules/cordova/bin/cordova
+ [email protected]
updated 1 package in 15.829s

Una vez instalado Cordova, puedes comprobar la versión utilizando el siguiente comando:

cordova --version

Salida:

? 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

Crea tu primera aplicación

Cordova ya está instalado, es hora de crear una aplicación con Cordova.

Ejecuta el siguiente comando para crear tu primera app con el nombre TestApp:

cordova create TestApp

Salida:

Creating a new cordova project.

A continuación, cambia el directorio a TestApp y añade la plataforma necesaria en tu aplicación.

cd TestApp
cordova platform add android

Deberías ver la siguiente salida:

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 ...

A continuación, ejecuta el siguiente comando para listar las plataformas instaladas y disponibles para la aplicación Cordova.

cordova platform -ls

Resultado:

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 quieres eliminar alguna plataforma, puedes eliminarla simplemente ejecutando el siguiente comando:

cordova platform remove android

A continuación, tendrás que cumplir todos los requisitos de tu entorno de compilación. Puedes hacerlo ejecutando el siguiente comando:

cordova requirements

Una vez instaladas con éxito todas las dependencias necesarias, ejecuta el siguiente comando para construir tu aplicación:

cordova build android

Enlaces

También te podría gustar...