Création et ajout de modèles et de composants creating-and-adding-templates-and-components
- Éditeur universel pour modifier visuellement du contenu découplé.
- Éditeur de fragment de contenu pour la modification du contenu découplé à partir des formulaires.
AEM Mobile On-Demand fournit un modèle d’application entièrement configuré, un modèle d’article et des composants d’article.
L’application We.Unlimited est un exemple de modèle représentant le shell d’une application On-Demand AEM Mobile entièrement configurable et gérable.
La sélection de cet exemple de modèle lors de la création d’une application génère un tableau de bord riche en fonctionnalités AEM Mobile.
Création de modèles d’application creating-app-templates
Un modèle d’application est utilisé pour créer une application et agit comme une collection de modèles de page et de composants qui représentent une ligne de base ou la base d’une application. Le modèle élimine certaines propriétés fondamentales pour diriger l’application de la manière appropriée. En règle générale, un client ne crée pas trop d’applications au total.
Les modèles d’application offrent un moyen facile d’utiliser les conceptions existantes créées par les développeurs et développeuses, utilisées pour la création de nouvelles applications au sein d’AEM.
Lors de la création d’une application basée sur le modèle d’une autre application, vous obtiendrez une application qui dispose d’un point de départ représentatif de l’application à partir de laquelle elle a été créée.
Étapes de création d’une application basée sur un modèle d’application :
- Accédez au catalogue d’applications AEM Mobile : <server-url>/aem/apps.html/content/mobileapps
- Sélectionnez Créer > App comme illustré ci-dessous
Une fois que vous avez créé une application à l’aide de ce modèle, vous pouvez ajouter des articles, des bannières et des collections à votre application. Pour consulter à nouveau, créer des articles, des bannières et des collections, consultez la section Actions de gestion de contenu.
Création de modèles de contenu creating-content-templates
Chaque type d’entité comporte deux modèles prêts à l’emploi. Ces principes sont les suivants :
- Modèles par défaut : utilisés pour la création de contenu avec les propriétés/structures par défaut applicables
- Modèles importés : utilisé pour importer du contenu à partir d’AEM Mobile avec les propriétés/structures par défaut applicables
Modèles d’article article-templates
L’article Illimité est un exemple de modèle représentant une mise en page d’article On-Demand AEM Mobile type.
-
Dans Gérer les articles, sélectionnez + pour créer un article. Vous pouvez choisir un Article illimité ou un Article de texte enrichi. L’image ci-dessous montre l’option qui vous permet de choisir l’un de ces deux modèles d’article.
-
Cliquez sur Suivant pour définir les métadonnées de l’article telles que le nom/titre de l’article, la description, l’auteur, le résumé, le service, l’image miniature, l’accès à l’article, etc.
-
Cliquez sur Suivant pour renseigner les propriétés de la publicité.
-
Cliquez sur Suivant pour saisir l’image de l’article ou celle des médias sociaux
-
Cliquez sur Suivant pour choisir un lien de collection vers ce nouvel article.
-
Cliquez sur Suivant pour saisir les détails du partage sur les réseaux sociaux.
-
Cliquez sur Créer pour terminer la création d’un article à l’aide de l’exemple. Cliquez sur Terminé ou Modifier l’article pour modifier les propriétés de cet article.
Ajout de composants à l’article adding-components-to-article
Une fois créé, un auteur peut modifier le contenu d’un article en ajoutant des composants tels que du texte et des images. Les articles sont une extension des modèles de page AEM.
Sélectionnez un article à modifier, puis cliquez sur Modifier pour ajouter des composants à l’article.
Sélectionnez « + » dans le panneau de gauche pour ajouter des composants à votre article.
Création de modèles prêts à l’emploi creating-out-of-the-box-templates
Il n’existe aucun modèle d’article prêt à l’emploi, mais il existe un modèle par défaut que les modèles personnalisés doivent étendre. Consultez Exemple de modèle d’article de l’application Geometrixx Unlimited.
Les propriétés clés au-delà des propriétés requises normales du modèle AEM sont les suivantes :
dps-resourceType=« dps:Article »
Cette propriété garantit que la page AEM est reconnue en tant que page d’article ciblé AEM Mobile.
Selon les modèles AEM, vous pouvez ajouter n’importe quelle propriété par défaut ou n’importe quel nœud enfant au jcr:content du modèle.
Modèles de bannière et de collection banner-and-collection-templates
Création et ajout de composants creating-and-adding-components
Les composants utilisent et permettent d’accéder aux widgets , qui sont utilisés pour le rendu du contenu.
Un simple composant est inclus dans le référentiel de code, dont la source se trouve dans AEM. Par la suite, il peut également être ouvert localement dans CRXDE Lite.
Vous pouvez ajouter des composants à votre page. Tout composant peut être utilisé dans une application AEM Mobile, mais son application peut ne pas s’afficher correctement.
Cependant, les composants personnalisés peuvent ne pas exporter et charger correctement vers AEM Mobile On-demand Services sans un gestionnaire de synchronisation de contenu d’exportation personnalisé qui s’affiche dans AEM.
Une fois que le composant a déjà été inclus dans une page AEM, avec quelques autres composants de bloc de création, vous pouvez ajouter un autre composant à la page ou modifier un composant existant.
Pour ajouter un autre composant à la page :
- Sélectionnez cette page et assurez-vous que vous êtes en mode d’édition, via la liste déroulante en haut à droite de l’en-tête de l’éditeur
- Activez le panneau latéral à l’aide de l’icône la plus à gauche de l’en-tête de l’éditeur
- Sélectionnez l’onglet Composants
- Faites glisser et déposez l’un des composants disponibles sur la page
Pour modifier un composant existant, procédez comme suit
- Sélectionnez cette page, vérifiez que vous êtes en mode Modifier, puis sélectionnez le composant
- Sélectionnez l’icône clé à molette pour configurer le composant