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 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 [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 android@~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