Prácticas recomendadas

Crear una aplicación de AEM Mobile On-demand Services es diferente a crear una aplicación que se ejecute directamente en el shell de Cordova (o PhoneGap). Los desarrolladores deben estar familiarizados con lo siguiente:

• Complementos admitidos de forma predeterminada, así como los complementos específicos de AEM Mobile.

• Las plantillas que utilizan la funcionalidad del complemento deben escribirse de tal manera que se puedan crear en el explorador, sin que esté presente el puente del complemento.

  • Por ejemplo, asegúrese de esperar a que dispositivo preparado antes de intentar acceder a la API de un complemento.

AEM Directrices para desarrolladores de

AEM Las siguientes directrices ayudarán a los desarrolladores de sitios con experiencia en la creación de plantillas y componentes de aplicaciones móviles, que ya tienen experiencia en la creación de sitios:

AEM Estructura de plantillas de sitios para fomentar la reutilización y la extensibilidad

• Preferir varios archivos de script de componente sobre uno monolítico

  • Se proporcionan varios puntos de extensión vacíos, como customheaderlibs.html y customfoterlibs.html, que permiten al desarrollador cambiar la plantilla de página duplicando el menor código principal posible
  • Las plantillas se pueden ampliar y personalizar mediante las API de Sling sling:resourceSuperType mecanismo

• Preferir Sightly/HTL sobre JSP como idioma de creación de plantillas

  • El uso de esto promueve la separación del código del marcado, ofrece protección XSS integrada y tiene una sintaxis más familiar

Optimización del rendimiento en el dispositivo

• La secuencia de comandos específica del artículo y las hojas de estilo deben incluirse en la carga útil del artículo mediante la plantilla dps-article-contentsync
• Las secuencias de comandos y las hojas de estilo compartidas por más de un artículo se deben incluir en los recursos compartidos mediante la plantilla contentsync dps-HTMLResources
• No haga referencia a ningún script externo que bloquee el procesamiento

Preferir bibliotecas JS y CSS del lado del cliente y específicas de la aplicación sobre las específicas de la web

• Para evitar sobrecargas en bibliotecas como jQuery Mobile para gestionar una gran cantidad de dispositivos y navegadores
• Cuando se ejecuta una plantilla en la vista web de una aplicación, usted tiene control sobre las plataformas y versiones que esa aplicación va a admitir, así como sobre la presencia de compatibilidad con JavaScript. Por ejemplo, prefiera Ionic (quizás solo el CSS) sobre jQuery Mobile y la interfaz de usuario de Onsen sobre Bootstrap.

Preferir las microbibliotecas en lugar de la pila completa

• El tiempo que se tarda en poner el contenido en el cristal del dispositivo se ralentizará con cada biblioteca de la que dependan los artículos. Esta ralentización se agrava cuando se utiliza una nueva vista web para procesar cada artículo, por lo que cada biblioteca debe inicializarse de nuevo desde cero
• SPA Si los artículos no están diseñados como tal (aplicaciones de una sola página), probablemente no necesite incluir una biblioteca de pila completa como Angular
• Prefiera bibliotecas de un solo propósito más pequeñas para añadir la interactividad que requiere su página, como Fastclick o Velocity.js

Minimizar el tamaño de la carga útil del artículo

• Utilice los recursos más pequeños posibles que puedan cubrir eficazmente la ventanilla más grande que admita, con una resolución razonable
• Utilice una herramienta como ImageOptim en las imágenes para eliminar el exceso de metadatos

Primeros pasos

Para obtener más información sobre las otras dos funciones y responsabilidades, consulte los recursos siguientes:

• Administrador
• Autor

Recursos de Business.Adobe.com

Content Insights Auto Text Summarization Personalized Communications Responsive Forms Version History Customer Experience Management