{"id":87,"date":"2015-08-28T21:43:52","date_gmt":"2015-08-28T21:43:52","guid":{"rendered":"http:\/\/apuntescreativos.890m.com\/?page_id=87"},"modified":"2023-03-29T22:20:33","modified_gmt":"2023-03-29T22:20:33","slug":"phonegap","status":"publish","type":"page","link":"https:\/\/tunjasoporte.890m.com\/index.php\/phonegap\/","title":{"rendered":"Phonegap"},"content":{"rendered":"

lo primero es que ya debe estar instalado el jdk. para instalarlo se puede consultar como configuar un hostin vps<\/p>\n

Antes de empezar con phonegap, lo correcto es configurar nuestras herramientas de trabajo para la edici\u00f3n de una aplicacion phonegap. En mi caso nunca me ha gustado trabajar con eclipse, por lo que mi herramienta de trabajo ser\u00e1 Android Studio.<\/p>\n

https:\/\/www.youtube.com\/watch?v=vz6ivRVhyUw \u00a0se descarga de la pagina de \u00a0Android Developers ya sea el android-sdk s\u00f3lito o el paquete del android-sdk+Adnroid estudio\u00a0http:\/\/developer.android.com\/sdk\/index.html<\/a><\/p>\n

\"\"<\/p>\n

 <\/p>\n

si se desea \u00fanicamente instalar el android-sdk y estamos trabajando en un ubuntu de 64 bits es necesario instalar las siguientes librerias que nos peritan trabajar a 32 bits<\/p>\n

sudo dpkg --add-architecture i386\r\n\r\nsudo apt-get update\r\n\r\nsudo apt-get install libncurses5:i386 libstdc++6:i386 zlib1g:i386\r\n<\/pre>\n
fuente: https:\/\/developer.android.com\/sdk\/installing\/index.html?pkg=tools<\/a><\/p>\n
 <\/p>\n
se descarga el sdk-android, se descomprime y se le otorgan permisos de ejecuci\u00f3n.<\/p>\n
sudo chmod -R +x Sdk\/<\/pre>\n
se busca la carpeta \/tools del directorio donde se descomprimio, y se ejecuta el comando:<\/p>\n
.\/android<\/pre>\n
\"\"<\/p>\n
Desde esta ventana se pueden instalar las plataformas de android que necesitemos y se pueden configurar los dispositivos que servir\u00e1n de emulador.<\/p>\n
Es posible ingresar desde cualquier directorio a la sdk mediante el comando \u00abandroid\u00bb, pero para lograrlo es necesario definir las variables de entorno.<\/p>\n
export ANDROID_HOME=\/root\/Application\/adt-bundle\/sdk\r\nexport PATH=$ANDROID_HOME\/tools:$PATH\r\nexport PATH=$ANDROID_HOME\/platform-tools:$PATH\r\n\r\nandroid\r\no\r\nandroid avd<\/pre>\n
Se pueden definir las variables de entorno de acuerdo a lo expresado en la p\u00e1gina \u00abTIPS\u00bb de este mismo sitio web<\/p>\n
 <\/p>\n
Todo lo anterior es en caso de instalar solo la Android sdk, pero tamnien es posible instalar todo en conjunto con android studio.<\/p>\n
Para ello se descomprime el archivo descargado y se le otorgan permisos de ejecuci\u00f3n. Luego dentro de la carpeta \/bin se ejecuta el comando .\/studio.sh<\/p>\n
.\/studio.sh<\/pre>\n
De aqu\u00ed en adelante se debe seguir un asistente de instalaci\u00f3n, se recomienda establecer un directorio diferente al que viene por defecto, esto permitir\u00e1 tener un mayor control posterior para definir las variables de entorno del android-sdk.<\/p>\n
En caso que ya se tenga una instalaci\u00f3n del sdk al definir la ruta de la instalaci\u00f3n el \u00a0android studio identifica el sdk y se ahorra el tiempo y esfuerzo de la instalaci\u00f3n. En caso de no tenerla, el proceso es realmente lento, solo hay que ser pacientes.<\/p>\n
De acuerdo a mi forma de ver las cosas el android studio no se instala, \u00e9l viene en el paquete que hemos descargado, lo que se instala realmente es el android sdk.<\/p>\n
si todo ha salido bien, para poder acceder al android studio buscamos nuevamente nuestra carpeta de instalaci\u00f3n e ingresamos el comando:<\/p>\n
.\/studio.sh<\/pre>\n
 <\/p>\n
Ahora si se procede con la instalaci\u00f3n de \u00a0phonegap, para lo cual se instalan las siguientes dependencias<\/p>\n
sudo apt-get install build-essential nodejs nodejs-legacy npm ant python-software-properties python g++ make icedtea-7-plugin<\/pre>\n
luego se instala phonegap<\/p>\n
sudo npm install -g phonegap<\/pre>\n
ahora se puede crear una aplicacion empleando la plantilla de phonegap<\/p>\n
phonegap create nombreapp<\/pre>\n
se ingresa a la carpeta platforms de la aplicacion recien creada y se agrega la plataforma android.<\/p>\n
phonegap run android\r\n\r\n:~\/phonegap\/my-app\/platforms# phonegap run android\r\n[phonegap] executing 'cordova platform add --save android'...\r\n[phonegap] completed 'cordova platform add --save android'\r\n[phonegap] executing 'cordova run android'...\r\n[phonegap] completed 'cordova run android'\r\n<\/pre>\n
si no funciona este comando se puede utilizar el comando<\/p>\n
phonegap local run android<\/pre>\n
lo correcto deber\u00eda ser utilizando el comando<\/p>\n
phonegap platform add android<\/pre>\n
Se pueden generar algunos errores en la compilacion de del proyecto phongap, lo que puede ocasionar inconvenientes en android studio. Una solucion que encontre es la siguiente:
\nOJO! solo me funciono estando como usurio root. Lo que hice fue actualizar phonegap.<\/p>\n
Para ver la version se utiliza el comando<\/p>\n
phonegap -version<\/pre>\n
se actualiz\u00f3 a la ultima version de phonegap<\/p>\n
npm update -g phonegap<\/pre>\n
estando en la carpeta de la aplicacion phonegap se borra la plataforma android<\/p>\n
phonegap platform remove android<\/pre>\n
y luego se agrega nuevamente<\/p>\n
phonegap platform add android<\/pre>\n
 <\/p>\n
 <\/p>\n
Ya con esto, podemos importar nuestro proyecto desde android studio<\/p>\n
\"\"<\/p>\n
Es solo seleccionar el directorio de la aplicaci\u00f3n plantilla de phonegap y luego dar, siguiente, siguiente …….finalizar.<\/p>\n
Para editar el c\u00f3digo buscamos la carpeta \u00abassets\u00bb dentro de la pesta\u00f1a proyectos<\/p>\n
\"imagen\"<\/a><\/p>\n
 <\/p>\n
Se configura la forma en que se ejecutaran las aplicaciones<\/p>\n
\"\"<\/p>\n
Finalmente se ejecuta el proyecto, y\u00a0ya no deben arrojarsen errores.<\/p>\n
\"\"<\/p>\n
 <\/p>\n
para aceleracion de emulacion seguir los siguientes pasos:<\/p>\n
https:\/\/software.intel.com\/blogs\/2012\/03\/12\/how-to-start-intel-hardware-assisted-virtualization-hypervisor-on-linux-to-speed-up-intel-android-x86-emulator\u00a0<\/a><\/p>\n
Si no funciona aqu\u00ed hay otra opcion:<\/strong><\/p>\n
Primero se crea el proyecto.<\/p>\n
Se cambian los permisos a la carpeta mediante chmod -R +777 app\/<\/p>\n
Se utiliza el comando phonegap run android.<\/p>\n
Luego se importa el proyecto desde android studio.<\/p>\n
Se ejecuta. Como sale un error se cierra el proyecto.<\/p>\n
se utilizan los comandos remove y add platform\u00a0(los mismos de arriba)<\/p>\n
y se vuelve a importa el proyecto. As\u00ed me funciono!<\/p>\n
 <\/p>\n
Otra opci\u00f3n\u00a0<\/strong><\/p>\n
puede suceder que android studio no este enrutando correctamente la android sdk, en ese caso al momento de importar el proyecto se puede especificar la ruta de la sdk manualmente.<\/p>\n
 <\/p>\n
Test de una aplicacion phonegap<\/h4>\n
En caso de no contar con un emulador de android o ios\u00a0en nuestra pc, es posible testear la aplicaci\u00f3n directamente desde nuestro de dispositivo. Para \u00a0lograrlo el primer requerimiento es que tanto el dispositivo m\u00f3vil como la pc se encuentren conectadas en la misma red, ya que la conecci\u00f3n se har\u00e1 en forma de cliente servidor.<\/p>\n
Lo primero es habilitar la pc como servidor para que pueda escuchar las peticiones de los dispositivos m\u00f3viles. \u00a0para ello se ubica el directorio de la aplicaci\u00f3n phonegap y se ejecuta el comando:<\/p>\n
phonegap serve<\/pre>\n
\"\"<\/p>\n
Seg\u00fan la imagen anterior la pc ya estar\u00eda en espera a cualquier solicitud de testing por parte de los dispositivos m\u00f3viles.<\/p>\n
Lo siguiente es instalar la aplicaci\u00f3n cliente en nuestro dispositivo m\u00f3vil y conectar a la direcci\u00f3n\u00a0ip que nos ha suministrado el pc.<\/p>\n
 <\/p>\n
\"\"<\/p>\n
\"\"<\/p>\n
 <\/p>\n
 <\/p>\n
\"\"<\/p>\n
 <\/p>\n
Si se desea instalar un entorno de desarrollo en windows, aqu\u00ed hay una buena gu\u00eda de como hacerlo:<\/p>\n
https:\/\/www.youtube.com\/watch?v=vz6ivRVhyUw \u00a0<\/a><\/p>\n
Un buen tutorial del funcionamiento de phonegap (para estudiarlo)<\/p>\n
http:\/\/www.formandome.es\/android\/phonegap-cordova-tutorial\/<\/a><\/p>\n
 <\/p>\n
 <\/p>\n
Si se desea instalar la extension de android para netbeans. el plugin se puede obtener de la siguiente direcci\u00f3n, el cual debe ser agregado :
\nhttp:\/\/nbandroid.org\/release72\/updates\/updates.xml
\ndespu\u00e9s buscar los plugins habilitados por \u00abandroid\u00bb<\/p>\n","protected":false},"excerpt":{"rendered":"
lo primero es que ya debe estar instalado el jdk. para instalarlo se puede consultar como configuar un hostin vps Antes de empezar con phonegap, lo correcto es configurar nuestras herramientas de trabajo para la edici\u00f3n de una aplicacion phonegap. En mi caso nunca me ha gustado trabajar con eclipse, por lo que mi herramienta […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-87","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tunjasoporte.890m.com\/index.php\/wp-json\/wp\/v2\/pages\/87","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tunjasoporte.890m.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tunjasoporte.890m.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tunjasoporte.890m.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/tunjasoporte.890m.com\/index.php\/wp-json\/wp\/v2\/comments?post=87"}],"version-history":[{"count":2,"href":"https:\/\/tunjasoporte.890m.com\/index.php\/wp-json\/wp\/v2\/pages\/87\/revisions"}],"predecessor-version":[{"id":647,"href":"https:\/\/tunjasoporte.890m.com\/index.php\/wp-json\/wp\/v2\/pages\/87\/revisions\/647"}],"wp:attachment":[{"href":"https:\/\/tunjasoporte.890m.com\/index.php\/wp-json\/wp\/v2\/media?parent=87"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}