En esta guía vamos a enseñarte cómo crear una app hibrida a partir de una página (HTML, CSS, JS) usando Apache Cordova.
La principal diferencia frente a una app nativa es que desarrollar este tipo de app obliga a programar una versión diferente para cada sistema operativo en distintos lenguajes de programación. En cambio, para una app hibrida, con tener conocimientos de tecnologías web, podrás crear una misma versión para todos los sistemas operativos.
CARACTERÍSTICAS PRINCIPALES
Una app hibrida es una mezcla entre tecnología web, y tecnología nativa, que mediante APIs nativas de cada dispositivo pueden acceder a gran parte de las funcionalidades del sistema como la cámara, GPS o el acelerómetro.
Ofrecen un rendimiento mejor que las aplicaciones web, pero inferior al de una app nativa, ya que las apps híbridas utilizan el navegador web del dispositivo sin que el usuario se de cuenta.
INSTALACIÓN DE APACHE CORDOVA
Antes que nada, tendremos que descargar e instalar Node.js.
Una vez instalado, entra en “Configuracion de Windows” y busca variables de entorno en el buscador.
Selecciona “Editar las variables de entorno del sistema” y pulsa en “variables de entorno”. Después, busca la variable path dentro de variables del sistema y busca las siguientes entradas:
- C:\Program Files\nodejs
- C:\Users \”Tu usuario\AppData\Roaming\npm
Si no están, debes añadirlas y pulsar “aceptar” en todas las ventanas para asegurarte de guardar la configuración.
Una vez hecho todo esto, podremos ir a la consola de Windows e instalar Cordova con el siguiente comando:
npm install -g cordova
y con esto ya tendríamos el Cordova instalado.
CREAR TU PRIMERA APP
Una vez instalado el cordova, ya podrás crear tu primera aplicación , para ello, tendrás que navegar a tu carpeta desde la línea de comandos e introducir el siguiente comando:
cordova create MiPrimeraApp
Luego, debes entrar en el directorio de la aplicación que acabas de crear y añadir la plataforma para la que quieras desarrollar, en mi caso, usaré Android, pero se puede desarrollar para las siguientes plataformas:
- cordova platform add ios
- cordova platform add amazon-fireos
- cordova platform add Android
- cordova platform add blackberry10
- cordova platform add firefoxos
Tras esto, ya sólo quedara construir la aplicación con el comando:
cordova build Android
Versión Android
Versión web
Esperamos que este artículo te haya servido de ayuda si estás buscando crear una App desde un sitio web. Recuerda que si tienes cualquier duda puedes ponerte en contacto con nosotros tanto en la zona de comentarios como en el email orekait@eteekin.eus.
También puedes consultar nuestra oferta de servicios web en este enlace. ¡Gracias por leernos!
