Crear app desde página web existente con phonegap
1. Instalación de nodejs, npm, phonegap y cordova en Ubuntu 14.04.
2. Crear nuevo proyecto por consola.
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