Creación de aplicaciones móviles building-mobile-applications

CAUTION
AEM 6.4 ha llegado al final de la compatibilidad ampliada y esta documentación ya no se actualiza. Para obtener más información, consulte nuestra períodos de asistencia técnica. Buscar las versiones compatibles here.
NOTE
Adobe recomienda utilizar el Editor de SPA para proyectos que requieren una representación del lado del cliente basada en el marco de aplicaciones de una sola página (por ejemplo, React). Más información.

Cree su aplicación para instalarla en un dispositivo o simulador para probarla o publicarla en tiendas de aplicaciones. Puede crear aplicaciones localmente mediante la interfaz de línea de comandos de PhoneGap o en la nube con PhoneGap Build.

Hay disponible un artículo paso a paso completo sobre cómo crear una aplicación móvil con el código disponible en GitHub here.

Mover la aplicación a la instancia de publicación moving-the-application-to-the-publish-instance

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 aplicaciones y configuraciones de sincronización de contenido.
NOTE
Si no mueve los archivos de 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 en la variable /content/phonegap/content/<application name> a la instancia de publicación. Los archivos de la variable /content/phonegap/apps/<application name> 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 siguiente nodo 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 Replicate del paquete.

imagen_1-16

Creación mediante la interfaz de línea de comandos de PhoneGap building-using-the-phonegap-command-line-interface

Compile la aplicación PhoneGap en su equipo utilizando 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 su compilación.

Preparación del entorno de compilación preparing-your-build-environment

Para compilar utilizando la CLI de PhoneGap, debe instalar Node.js y la utilidad del cliente PhoneGap. Se requiere una conexión a Internet para realizar el siguiente procedimiento.

  1. Descargar e instalar Node.js.

  2. Abra un terminal o símbolo del sistema e introduzca el siguiente comando node para instalar la utilidad PhoneGap:

    code language-shell
    npm install -g phonegap
    

    En un sistema Unix o Linux, es posible que tenga que codificar el comando con sudo.

    El terminal muestra los resultados de una serie de comandos de GET HTTP. Cuando la instalación se realiza correctamente, el terminal muestra dónde se instalan las bibliotecas de forma similar al siguiente ejemplo:

    code language-xml
    /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 a la que está dirigiendo:

    • Para crear aplicaciones para la plataforma iOS, instale la versión más reciente de Xcode.
    • Para crear aplicaciones de Android, instale la variable SDK para Android.

Descarga del archivo ZIP de contenido downloading-the-content-zip-file

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, pulse o haga clic en el icono Borrar caché .

    note note
    NOTE
    La caché contiene actualizaciones de contenido para aplicaciones instaladas. Al borrar la caché, se anulan todas las actualizaciones almacenadas en caché.
  3. En la barra de herramientas, pulse o haga clic en el icono Descargar recursos CLI.

  4. Una vez guardado 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 crear using-the-phonegap-cli-to-build

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 PhoneGap Interfaz de línea de comandos documentación.

  1. Abra un terminal o 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:

    code language-shell
    cd ~/Downloads/ng-app-cli.1392137825303
    
  2. Introduzca el comando phonegap para la plataforma a la que está dirigiendo. Por ejemplo, el siguiente comando crea la aplicación para Android:

    code language-shell
    phonegap build android
    

Creación mediante PhoneGap Build building-using-phonegap-build

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

Conexión al PhoneGap Build connecting-to-phonegap-build

Cree una configuración de PhoneGap Build para poder utilizar los servicios de 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 Cloud Services.

  3. Haga clic en el vínculo Configurar ahora para el PhoneGap Build.

    chlimage_1-17

  4. En el cuadro de diálogo Crear configuración, escriba un valor para la propiedad Título. 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 su nombre de usuario y contraseña de PhoneGap Build y, a continuación, haga clic en Aceptar.

Uso del PhoneGap Build using-phonegap-build

Envíe los recursos de su aplicación al 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é .

    note note
    NOTE
    La caché contiene actualizaciones de contenido para aplicaciones instaladas. Al borrar la caché, se anulan todas las actualizaciones almacenadas en caché.
  3. Seleccione la página de inicio 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 de éxito, haga clic en PhoneGap Build para abrir la página de Adobe PhoneGap Build en https://build.phonegap.com/apps. Si está esperando a que aparezca su aplicación, puede comprobar la variable Estado del PhoneGap Build página.

    Para obtener información sobre cómo instalar la compilación, consulte la Documentación del PhoneGap Build.

    note note
    NOTE
    Las cuentas de PhoneGap Build gratuitas están permitidas en una aplicación privada. Las compilaciones de PhoneGap fallan si está creando una aplicación privada adicional.

Pasos siguientes the-next-steps

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

recommendation-more-help
547b817b-14b5-4d82-aa0f-a64750e0e592