Desarrollo de aplicaciones con CLI de PhoneGap

NOTA

Adobe SPA recomienda utilizar el Editor de para proyectos que requieran procesamiento del lado del cliente basado en el marco de trabajo de la aplicación de una sola página (por ejemplo, React). Más información.

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 necesitará un sistema que ejecute OSx (Mac) con Xcode o un sistema Mac/Win/Linux con el SDK de Android instalado.

Bootstrap de su entorno de desarrollo

Configuración de la CLI de PhoneGap

Para iOS: Para desarrollar para iPhones y iPads, necesita el IDE Xcode de Apple.

Para Android: Para desarrollar para iPhones y iPads, necesita Android Studio IDE de Google.

Descargar el origen

AEM Una vez que 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 de mosaico de PhoneGap Build.

chlimage_1-45

  • Haga clic en Descargar origen.
  • Seleccione el origen que desee en el modal Descargar origen.

chlimage_1-46

NOTA

La fuente de desarrollo contiene el estado más reciente de la aplicación, aunque incluye cambios sin fases. Utilice la fuente de ensayo para crear candidatos de versión para enviarlos a proveedores de tiendas de aplicaciones.

Si nunca almacena en zona intermedia la aplicación, al seleccionar Ensayo se almacenará en déclencheur el flujo de trabajo de ensayo (sugerencia: esto se mostrará como una aplicación ensayada en la aplicación del visor empresarial de PhoneGap disponible en la AppStore y en la PlayStore de Google).

  • Haga clic en Descargar y guarde el archivo ZIP en el equipo.
  • Extraiga el archivo zip descargado en el espacio de trabajo.

Generar y cargar la aplicación (desde el origen)

La CLI de PhoneGap puede crear un proyecto de plataforma, compilar el origen e implementar la aplicación en un solo comando.

NOTA

Puede realizar todos estos pasos por separado; consulte Documentos CLI de PhoneGap.

  1. Asegúrese de que ha instalado la CLI de PhoneGap; consulte lo anterior.
  2. En una ventana de consola (o terminal), vaya al directorio raíz del origen extraído.
  3. Introduzca el siguiente comando:
phonegap run android

// -- or -- //

phonegap run ios
NOTA

Si tiene problemas en este punto, vuelva a lo básico para solucionar problemas:

  1. Crear una carpeta nueva (prueba mkdir)
  2. Vaya a esta nueva carpeta (prueba de CD)
  3. Ejecutar 'phonegap create helloWorld'
  4. Navegar a helloWorld (cd helloWorld)
  5. Ejecute "phonegap", ejecute android (o reemplace android por ios, como se ha indicado anteriormente).
  6. El emulador se abrirá ejecutando la aplicación PhoneGap recién creada, indicando "Dispositivo listo" si el puente JavaScript a nativo está operativo.

Esto comprobará que su entorno de desarrollo de CLI de PhoneGap está funcionando correctamente.

Depuración de JavaScript con Safari y IOS Debug

Puede depurar los 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

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

chlimage_1-47

  • Marque "Mostrar el menú Desarrollo en la barra de menús"
  • Cierre la ventana Preferencia

Conexión de Safari a 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 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
  • Seleccione el submenú iOS Simulator
  • Haga clic en home.html

chlimage_1-48

Depurar JavaScript con el inspector web de Safari

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 detendrá en esos puntos de interrupción. Puede recorrer paso a paso la ejecución 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 adyacente para agregar un punto de interrupción
  • Interactuar con dispositivo o emulador

chlimage_1-49

  • Utilice los botones de control para continuar la ejecución, pasar por encima, entrar y salir de los métodos:

NOTA

Para ver los valores de las variables, en el método actual, pase el ratón por encima.

Pasos siguientes

Una vez que haya aprendido a desarrollar aplicaciones con la CLI de PhoneGap, consulte Acceso a funciones del dispositivo.

En esta página