Show Menu
TEMAS×

Creación de aplicaciones móviles

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 .
Cree la aplicación para instalarla en un dispositivo o simulador para realizar pruebas o para publicarla en tiendas de aplicaciones. Puede crear aplicaciones localmente mediante la interfaz de línea de comandos de PhoneGap o en la nube mediante PhoneGap Build.
Un artículo paso a paso completo sobre cómo crear una aplicación móvil con código disponible en GitHub está disponible aquí .

Traslado de la aplicación a la instancia de publicación

Mueva los archivos de aplicación a la instancia de publicación para poder proporcionar actualizaciones de contenido a las instancias instaladas de la aplicación móvil y para crear la aplicación con el contenido publicado. Las aplicaciones constan de dos ramas de nodos en el repositorio:
  • /content/phonegap/apps/<application name> :: Las páginas web que los autores crean y activan.
  • /content/phonegap/content/<application name> :: Archivos de configuración de la aplicación y configuraciones de sincronización de contenido.
Si no mueve los archivos de la aplicación a la instancia de publicación, los autores de contenido no podrán actualizar la caché de sincronización de contenido.
Solo es necesario mover los archivos de la /content/phonegap/content/<application name> rama a la instancia de publicación. Los archivos de la /content/phonegap/apps/<application name> rama se mueven cuando el autor activa las páginas.
AEM proporciona dos métodos para mover contenido masivo a la instancia de publicación:
Por ejemplo, se crea una aplicación móvil denominada phonegapapp. El nodo siguiente debe moverse a la instancia de publicación: /content/phonegap/content/phonegapapp.
​Sugerencia: Para mover un paquete de la instancia de autor a la instancia de publicación, utilice el comando Replicar del paquete.

Creación mediante la interfaz de línea de comandos de PhoneGap

Compile la aplicación PhoneGap en su equipo mediante la interfaz de línea de comandos (CLI) de PhoneGap. Para incluir contenido de 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.

Preparación del entorno de compilación

Para compilar usando la CLI de PhoneGap, debe instalar Node.js y la utilidad de cliente PhoneGap. Se requiere una conexión a Internet para realizar el siguiente procedimiento.
  1. Descargue e instale Node.js .
  2. Abra un terminal o símbolo del sistema e introduzca el siguiente comando node para instalar la utilidad PhoneGap:
    npm install -g phonegap
    
    
    En un sistema Unix o Linux, es posible que tenga que anteponer el comando con sudo .
    El terminal muestra los resultados de una serie de comandos HTTP GET. Cuando la instalación se realiza correctamente, el terminal muestra dónde se instalan las bibliotecas de forma similar al siguiente ejemplo:
    /usr/local/bin/phonegap -> /usr/local/lib/node_modules/phonegap/bin/phonegap.js
    phonegap@3.3.0-0.19.6 /usr/local/lib/node_modules/phonegap
    ├── pluralize@0.0.4
    ├── colors@0.6.0-1
    ├── semver@1.1.0
    ├── qrcode-terminal@0.9.4
    ├── shelljs@0.1.4
    ├── optimist@0.6.0 (...)
    ├── prompt@0.2.11 (...)
    ├── phonegap-build@0.8.4 (...)
    ├── connect-phonegap@0.8.1 (...)
    └── cordova@3.3.0-0.1.1 (...)
    
    
  3. (Opcional) Obtenga el SDK para la plataforma móvil que está utilizando:
    • Para crear aplicaciones para la plataforma iOS, instale la versión más reciente de Xcode .
    • Para crear aplicaciones de Android, instale el SDK de Android.

Descarga del archivo ZIP de contenido

Mueva el contenido de la aplicación móvil al sistema de archivos.
  1. En la página Aplicaciones móviles, seleccione la aplicación.
  2. (Opcional) Para crear la aplicación para instalaciones completas, en la barra de herramientas, toque o haga clic en el icono Borrar caché.
    La caché contiene actualizaciones de contenido para aplicaciones instaladas. Al borrar la caché se anulan todas las actualizaciones almacenadas en la caché.
  3. En la barra de herramientas, toque o haga clic en el icono Descargar recursos CLI.
  4. Después de guardar el archivo ZIP, haga clic en Cerrar en el cuadro de diálogo de éxito.
  5. Extraiga el contenido del archivo ZIP.

Uso de la CLI de PhoneGap para generar

Utilice la CLI de PhoneGap para compilar e instalar la aplicación. Para obtener información sobre cómo utilizar la CLI de PhoneGap, consulte la documentación de la interfaz de línea de comandos de PhoneGap.
  1. Abra un terminal o un símbolo del sistema y cambie el directorio actual al archivo ZIP de la aplicación descargada. Por ejemplo, lo siguiente cambia el directorio al archivo ng-app-cli.1392137825303.zip:
    cd ~/Downloads/ng-app-cli.1392137825303
    
    
  2. Introduzca el comando phonegap de la plataforma que va a definir como objetivo. Por ejemplo, el siguiente comando crea la aplicación para Android:
    phonegap build android
    
    

Creación con PhoneGap Build

Utilice el servicio de nube PhoneGap para crear su aplicación. Para realizar este procedimiento, primero debe crear una configuración de PhoneGap Build.

Connecting to PhoneGap Build

Cree una configuración de PhoneGap Build para que pueda utilizar los servicios PhoneGap Build desde AEM. Proporcione el nombre de usuario y la contraseña de la cuenta de PhoneGap Build que utilizará para crear sus aplicaciones móviles.
  1. Abra la página Herramientas. ( http://localhost:4502/tools.html ).
  2. En el área Operaciones de CQ, haga clic en Servicios de nube.
  3. Haga clic en el vínculo Configurar ahora para PhoneGap Build.
  4. En el cuadro de diálogo Crear configuración, escriba un valor para la propiedad Title. De forma predeterminada, el valor de la propiedad Name se deriva del título, aunque puede introducir un nombre. Haga clic en Crear.
  5. En el cuadro de diálogo Configuración de PhoneGap Build, escriba el nombre de usuario y la contraseña de PhoneGap Build y, a continuación, haga clic en Aceptar.

Uso de PhoneGap Build

Envíe los recursos de la aplicación a PhoneGap Build para compilar para las distintas plataformas móviles.
  1. En la página Aplicaciones móviles, abra la aplicación móvil. ( http://localhost:4502/mobile.html/content/phonegap )
  2. (Opcional) Para crear la aplicación para instalaciones completas, seleccione la aplicación y haga clic en el icono Borrar caché.
    La caché contiene actualizaciones de contenido para aplicaciones instaladas. Al borrar la caché se anulan todas las actualizaciones almacenadas en la caché.
  3. Seleccione la página de bienvenida y, a continuación, haga clic en el icono Generar remoto.
    ​Nota: La versión beta de AEM Beta no crea una notificación de bandeja de entrada cuando la compilación se completa correctamente.
  4. En el cuadro de diálogo Éxito, haga clic en PhoneGap Build para abrir la página Adobe PhoneGap Build en https://build.phonegap.com/apps . Si está esperando a que aparezca la aplicación, puede consultar la página Estado de la compilación de PhoneGap.
    Para obtener información sobre la instalación de la compilación, consulte la documentación de PhoneGap Build.
    Las cuentas gratuitas de PhoneGap Build están permitidas en una aplicación privada. Las compilaciones de PhoneGap fallan si está creando una aplicación privada adicional.

Pasos siguientes

El siguiente paso después del proceso de creación es conocer la estructura de una aplicación .