Desarrollo de aplicaciones con CLI de PhoneGap developing-apps-with-phonegap-cli
En cualquier momento dado, como desarrollador, puede ejecutar la aplicación en un dispositivo o en un emulador, siempre y cuando haya configurado el entorno de desarrollo.
Para ejecutar los siguientes ejemplos, necesita un sistema que ejecute macOS X con Xcode o un sistema Mac/Win/Linux con el SDK de Android™ instalado.
Bootstrap de su entorno de desarrollo bootstrap-your-development-environment
Configuración de la CLI de PhoneGap (https://docs.phonegap.com/en/4.0.0/guide_cli_index.md.html#The%20Command-Line%20Interface)
Para iOS: Para desarrollar para iPhones y iPads, necesita el IDE Xcode de Apple.
- Descárguelo de forma gratuita aquí.
- Guía de la plataforma de PhoneGap iOS (
https://docs.phonegap.com/en/4.0.0/guide_platforms_ios_index.md.html#iOS%20Platform%20Guide)
Para Android™: Para desarrollar para iPhones y iPads, necesita el Android™ Studio IDE de Google.
- Descárguelo de forma gratuita aquí.
- Guía de la plataforma PhoneGap Android™ (
https://docs.phonegap.com/en/4.0.0/guide_platforms_android_index.md.html#Android%20Platform%20Guide)
Descargar el origen download-the-source
AEM Cuando haya arrancado correctamente su entorno de desarrollo, descargue el origen desde el mosaico de creación de la aplicación de la aplicación de la:
- Haga clic en las comillas angulares desplegables del mosaico PhoneGap Build.
- Haga clic en Descargar origen.
- Seleccione el origen que desee en el modal Descargar origen.
- Haga clic en Descargar y guarde el ZIP en el equipo.
- Extraiga el archivo zip descargado en el espacio de trabajo.
Generar y cargar la aplicación (desde el origen) build-and-load-the-app-from-source
La CLI de PhoneGap puede crear un proyecto de plataforma, compilar el origen e implementar la aplicación en un solo comando.
https://phonegap.com/blog/2014/11/13/phonegap-cli-3-6-3/).- Asegúrese de que ha instalado la CLI de PhoneGap; consulte lo anterior.
- En una ventana de consola (o terminal), vaya al directorio raíz del origen extraído.
- Introduzca el siguiente comando:
phonegap run android
// -- or -- //
phonegap run ios
- Crear una carpeta (prueba mkdir)
- Vaya a esta nueva carpeta (prueba de CD)
- Ejecución
phonegap create helloWorld - Navegar a helloWorld (cd helloWorld)
- Ejecutar
phonegap run android(o reemplace Android™ por iOS, como se ha indicado anteriormente). - El emulador se abre ejecutando la aplicación PhoneGap recién creada y dice "Dispositivo listo" si el puente JavaScript a nativo está operativo.
Depurar JavaScript con Safari y IOS debug-javascripts-with-safari-and-ios-debug
Puede depurar el JavaScript de su aplicación con las herramientas para desarrolladores de Safari, del mismo modo que lo haría con una aplicación web.
Habilitar las herramientas para desarrolladores de Safari enable-safari-developer-tools
Para habilitar las herramientas para desarrolladores:
-
Abrir las preferencias de Safari
- Haga clic en Safari en la barra de menús
- Haga clic en Preferencias
-
Haga clic en Avanzadas en la ventana Preferencia
- Marque "Mostrar el menú Desarrollo en la barra de menús"
- Cierre la ventana Preferencia
Conexión de Safari a iOS connect-safari-to-ios
Puede conectar Safari a un dispositivo o emulador de iOS.
- En una ventana de la consola, vaya al directorio raíz del origen extraído.
- Introduzca el siguiente comando para poder iniciar la aplicación en su dispositivo o emulador.
phonegap run <platform> --device
// -- or -- //
phonegap run <platform> --emulator
- Abrir Safari
- Haga clic en Desarrollo en la barra de menús
- Submenú Seleccionar iOS Simulator
- Haga clic en home.html
Depurar JavaScript con el inspector web de Safari debug-javascript-with-safari-s-web-inspector
Puede establecer puntos de interrupción en cualquier lugar del origen. Al interactuar con el emulador o el dispositivo, la ejecución de la aplicación se detiene en esos puntos de interrupción. Puede recorrer paso a paso la ejecución de e inspeccionar los valores de las variables.
- Haga clic en Recursos en la ventana Inspector Web
- Navegue por el árbol de origen y haga clic en el archivo de origen deseado
- Haga clic en el número de línea situado junto a un punto de interrupción
- Interactuar con dispositivo o emulador
- Utilice los botones de control para continuar la ejecución, pasar por encima de los métodos, entrar en ellos y salir de ellos:
Pasos siguientes the-next-steps
Después de obtener información sobre el desarrollo de aplicaciones con la CLI de PhoneGap, consulte Acceso a funciones del dispositivo.