Crear app desde página web existente con phonegap

 

1. Instalación de nodejs, npm, phonegap y cordova en Ubuntu 14.04.

Preparamos el entorno para phonegap, vamos instalar también los paquetes de la sdk de android para que no haya problemas para lanzar el emulador.

# apt-get install nodejs nodejs-legacy npm android adb fastboot

# ln -s /usr/bin/nodejs /usr/bin/node

# npm install -g phonegap cordova

2. Crear nuevo proyecto por consola.

$ phonegap create my-app

3. Añadir plataformas.

$ cordova platform add ios

$ cordova platform add android

$ cordova platform add w8

4. Instalar InAppBrowser en el proyecto.

$ cd /mi/proyecto/

$ cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-inappbrowser.git

5. Limpiar proyecto.

Android:

$ /ruta/proyecto/platforms/android/cordova/clean

iOS:

$ /ruta/proyecto/platforms/ios/cordova/clean

6. Lanzar proyecto

$ cordova run android

7. Errores comunes.

$ export ANDROID_HOME=/home/mi_usuario/sdk

$ export PATH=${PATH}:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools

$ source .bashrc


<script>
   document.addEventListener("deviceready", onDeviceReady, false);
   function onDeviceReady() {
      var ref = cordova.InAppBrowser.open('http://www.mywebsite.com', '_blank', 'location=no','closebuttoncaption=back','toolbar=no','zoom=false');
      ref.addEventListener('loadstart', function(event) { });
      ref.addEventListener('loadstop', function(event) {  });
      ref.addEventListener('loaderror', function(event) { });
      ref.addEventListener('exit', function(event) {  });
   }
</script>

Phonegap Android iOS App

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *