Prácticas recomendadas best-practices

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

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 y los complementos específicos de Adobe Experience Manager AEM () Mobile.
NOTE
Para obtener información detallada sobre los complementos, consulte los siguientes recursos:
  • 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 la función deviceready antes de intentar obtener acceso a la API de un complemento.

AEM Directrices para desarrolladores de guidelines-for-aem-developers

AEM Las siguientes directrices ayudan a los desarrolladores competentes de la aplicación para sitios que deseen crear plantillas y componentes de aplicaciones móviles:

AEM Estructurar 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 al duplicar el menor código principal posible
    • Las plantillas se pueden ampliar y personalizar mediante el mecanismo sling:resourceSuperType de Sling
  • 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

Optimizar para el 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 hojas de estilo y los scripts compartidos 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
NOTE
Puede obtener más información en detalle sobre los scripts externos de bloqueo de procesamiento aquí.

Prefiera las bibliotecas CSS y JS del lado del cliente y las 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, tiene control sobre las plataformas y versiones que admitirá la aplicación, y sabe que estará presente la compatibilidad con JavaScript. Por ejemplo, prefiera Ionic (solo el CSS) sobre jQuery Mobile y la interfaz de usuario de Onsen sobre Bootstrap.
NOTE
Para obtener más información detallada sobre jQuery mobile, haga clic aquí.

Prefiere las microbibliotecas sobre las de pila completa

  • El tiempo que se tarda en poner el contenido en el cristal del dispositivo se ralentiza con cada biblioteca de la que dependen 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 que ayuden a agregar la interactividad que requiere su página, como Fastclick o Velocity.js

Minimizar tamaño de carga útil de 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
  • Usa una herramienta como ImageOptim en tus imágenes para eliminar cualquier exceso de metadatos

Primeros pasos getting-ahead

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

recommendation-more-help
2eeeb575-8007-40cc-a72d-206fbc4ddd4b