Configure su Cloud Service de Adobe PhoneGap Build

NOTA

Adobe recomienda el uso del Editor de SPA para proyectos que requieren una representación de cliente basada en el marco de aplicaciones de una sola página (por ejemplo, React). Más información.

El icono de PhoneGap Build en el panel de la aplicación proporciona la capacidad de crear y distribuir la aplicación móvil PhoneGap a través del servicio Adobe PhoneGap Build.

Todas las plataformas admitidas definidas en el mosaico Administrar aplicación se generarán con PhoneGap Build al impulsar una compilación remota con el icono PhoneGap Build.

Puede insertar una compilación remota en https://build.phonegap.com o descargar la fuente para compilarla localmente con CLI de PhoneGap.

Mosaico de PhoneGap Build

Configuración del Cloud Service

Para aprovechar el PhoneGap Build, debe configurar el Cloud Service del PhoneGap Build AEM con la información de su cuenta de PhoneGap Build.

Si actualmente no tiene una cuenta, navegue a https://build.phonegap.com y regístrese. Si está abonado a Adobe Creative Cloud, es posible que tenga soporte para un máximo de 25 aplicaciones privadas (aplicaciones de código abierto).

Una vez que haya comprobado que la cuenta de PhoneGap Build está activa, navegue hasta la consola de administración de la nube de AEM, específicamente el Cloud Service de PhoneGap Build (http://localhost:4502/etc/cloudservices/phonegap-build.html).

Utilice el mosaico Administrar Cloud Services para configurar una nueva configuración de servicio en la nube.

Uso del mosaico Administrar Cloud Services

Antes de empezar a compilar la aplicación con el mosaico PhoneGap Build, debe configurar los servicios en la nube mediante el mosaico Administrar Cloud Services del panel de AEM Mobile.

Para configurar los servicios en la nube para su aplicación, siga los pasos a continuación:

  1. Haga clic en la esquina superior derecha del mosaico Administrar Cloud Services.

    chlimage_1-61

  2. Elija la opción PhoneGap Build en la pantalla Añadir o editar Cloud Service.

    Haga clic en Siguiente.

    chlimage_1-62

  3. Introduzca sus credenciales para crear una nueva configuración de nube.

    Una vez verificada, haga clic en Enviar. Esta configuración de nube configurada ahora se muestra en el mosaico Administrar Cloud Services.

    chlimage_1-63

Creación de la aplicación con PhoneGap Build

Una vez configurados los servicios en la nube, puede crear la aplicación con mosaico de PhoneGap Build. Haga clic en la esquina superior derecha para elegir entre las opciones Generar remoto o Descargar origen.

chlimage_1-64

Para invocar una compilación remota con Adobe PhoneGap Build, haga clic en Generar remoto.

NOTA

Si la compilación falla por cualquier motivo (el icono rojo de iOS que aparece a continuación indica que la plataforma ha fallado), puede pasar el ratón sobre el icono para obtener el mensaje de error. También puede hacer clic en el punto triple, '…' en la parte inferior del mosaico para desplazarse directamente a https://build.phonegap.com (debe autenticarse) y ver y administrar la compilación directamente.

Generación de la aplicación con la CLI de PhoneGap

PhoneGap proporciona una interfaz de línea de comandos para crear la aplicación localmente.

Compile la aplicación PhoneGap en su equipo mediante la interfaz de línea de comandos (CLI) de PhoneGap. Para incluir el contenido AEM en la aplicación, AEM crea un archivo ZIP que contiene el contenido de la aplicación móvil, las configuraciones de sincronización de contenido y otros recursos necesarios. Descargue el archivo ZIP e inclúyalo en la compilación.

Para aprovechar la interfaz de línea de comandos de PhoneGap, deberá configurar el entorno local para que incluya:

  1. SDK de plataforma (iOS, Android, WindowsPhone, …) y
  2. CLI de PhoneGap

Puede leer más aquí.

Una vez que haya instalado los requisitos previos, realice una prueba sencilla creando una aplicación sencilla y ejecutándola en el simulador o, mejor aún, en el dispositivo, desde un intento de terminal:

phonegap create myApp
cd myApp
phonegap run ios (or android, ...)
NOTA

agregar —emular al final de esta línea si no desea ejecutarlo en el dispositivo conectado.

Una vez verificado que lo anterior funciona, utilice el icono PhoneGap Build para Descargar fuente. Guarde y descomprima el archivo en su sistema local. Una vez hecho esto:

  • desplazarse a ese archivo guardado (carpeta)
  • ejecutar 'phonegap run ios' (o android, etc.)

Recursos adicionales

Para obtener información sobre las funciones y responsabilidades de un autor y desarrollador, consulte los siguientes recursos:

En esta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now