Sjablonen en componenten maken en toevoegen creating-and-adding-templates-and-components

CAUTION
AEM 6.4 heeft het einde van de uitgebreide ondersteuning bereikt en deze documentatie wordt niet meer bijgewerkt. Raadpleeg voor meer informatie onze technische ondersteuningsperioden. Ondersteunde versies zoeken hier.
NOTE
Adobe raadt aan de SPA Editor te gebruiken voor projecten die renderen op basis van één pagina voor toepassingsframework op de client-side vereisen (bijvoorbeeld Reageren). Meer informatie.

AEM Mobile On-Demand biedt een volledig geconfigureerde toepassingssjabloon, een artikelsjabloon en artikelcomponenten.

We.Unlimited App is een voorbeeldsjabloon die de shell van een volledig configureerbare en beheerbare AEM Mobile On-Demand-toepassing vertegenwoordigt.

Als u deze voorbeeldsjabloon selecteert wanneer u een nieuwe app maakt, beschikt u over een dashboard met uitgebreide AEM Mobile-functies.

chlimage_1-70

NOTE
Als u uw toepassing en inhoud voor mobiele apps wilt beheren vanuit AEM Mobile Apps Control Center, raadpleegt u de AEM Mobile-toepassingsdashboard.

App-sjablonen maken creating-app-templates

Een App-sjabloon wordt gebruikt om een nieuwe app te maken en fungeert als een verzameling paginasjablonen en -componenten die een basislijn of basis van een app vormen. De sjabloon stempelt enkele fundamentele eigenschappen uit om de app op de juiste manier te leiden. Over het algemeen zou een klant niet te veel apps maken.

Toepassingssjablonen bieden een eenvoudige manier om gebruik te maken van bestaande ontwerpen die door ontwikkelaars zijn gemaakt en die worden gebruikt voor het maken van nieuwe apps in AEM.

Wanneer u een nieuwe app maakt op basis van de sjabloon van een andere app, krijgt u een app met een beginpunt dat representatief is voor de app waarin deze is gemaakt.

Stappen voor het maken van een nieuwe app op basis van een toepassingssjabloon:

  1. Ga naar de AEM Mobile-toepassingscatalogus: <server-url>/aem/apps.html/content/mobileapps
  2. Selecteren Maken —> App zoals hieronder weergegeven

Nadat u een app hebt gemaakt met deze sjabloon, kunt u artikelen, banners en verzamelingen toevoegen aan uw app. Als u artikelen, banners en verzamelingen opnieuw wilt bekijken, gaat u naar Handelingen voor inhoudsbeheer.

NOTE
U kunt ook een voorbeeld-app-sjabloon selecteren, bijvoorbeeld Wij.Onbeperkt , beschikbaar gesteld door een AEM ontwikkelaar. Als u deze voorbeeldsjabloon voor uw app gebruikt, kunt u bepaalde voorbeeldartikelen en verzamelingen bewerken. U kunt de voorbeeldsjablonen en -componenten gebruiken, de bestaande sjablonen en componenten aanpassen of nieuwe sjablonen voor uw app maken.
CAUTION
Instelling redirectTarget eigenschap
Tijdens het gebruik van een van de toepassingssjablonen definieert de ontwikkelaar de inhoud van de toepassing. De ontwikkelaar moet zich echter bewust zijn van de plaats waar de toepassing wordt gemaakt in de jcr en de waarde van redirectTarget eigenschap.
De redirectTarget wordt berekend als onderdeel van het maken van de app en probeert een pad op te lossen als er een eigenschap redirectTarget beschikbaar is als onderdeel van de toepassingssjabloon en de waarde van redirectTarget wordt gedefinieerd als relatief. Wanneer tijdens het maken van de app een relatieve waarde voor redirectTarget wordt gevonden in de toepassingssjabloon, wordt de waarde toegevoegd aan de opgeloste locatie waar de app is gemaakt.
Als een toepassingssjabloon bijvoorbeeld een redirectTarget met de waarde "lantaarnstramienen/nl", en de app is gemaakt in "/content/mobileapps/fooApp", is de uiteindelijke waarde voor redirectTarget nadat de app is gemaakt "/content/mobileapps/fooApp/language-masters/nl".

Inhoudssjablonen maken creating-content-templates

Elk eenheidstype heeft twee out-of-the-box malplaatjes. Deze zijn:

  • Standaardsjablonen: gebruikt voor het maken van inhoud met de toepasselijke standaardeigenschappen/structuur
  • Geïmporteerde sjablonen: gebruikt voor het importeren van inhoud uit AEM Mobile met de toepasselijke standaardeigenschappen/structuur

Artikelsjablonen article-templates

Het artikel Onbeperkt is een voorbeeldsjabloon die een gebruikelijke lay-out van AEM Mobile On-Demand-artikelen vertegenwoordigt.

  1. Klikken op + in Artikelen beheren om een nieuw artikel te maken. U kunt een van de Onbeperkt artikel of Rich Text Article. In de onderstaande afbeelding ziet u de optie waarmee u een van deze twee artikelsjablonen kunt kiezen.

  2. Klikken Volgende om metagegevens van artikelen te definiëren, zoals artikelnaam/titel, beschrijving, auteur, abstract, afdeling, miniatuurafbeelding, artikeltoegang, enzovoort.

  3. Klikken Volgende om de Advertentie-eigenschappen in te vullen.

  4. Klikken Volgende om artikelafbeelding of afbeelding van sociale media in te voeren

  5. Klikken Volgende om een verzamelingskoppeling naar dit nieuwe artikel te kiezen.

  6. Klikken Volgende om de details voor sociaal delen in te voeren.

  7. Klikken Maken om het maken van een artikel met het voorbeeld te voltooien. U klikt op Gereed of Artikel bewerken om de eigenschappen van dit artikel te bewerken.

chlimage_1-71

Componenten toevoegen aan artikel adding-components-to-article

Nadat een auteur is gemaakt, kan hij of zij de inhoud van een artikel bewerken door componenten zoals tekst en afbeeldingen toe te voegen. Artikelen zijn een uitbreiding van AEM paginasjablonen.

Selecteer een artikel dat u wilt bewerken en klik op Bewerken om componenten aan het artikel toe te voegen.

chlimage_1-72 chlimage_1-73

Kies de '+' in het linkerdeelvenster om componenten aan uw artikel toe te voegen.

chlimage_1-74

Sjablonen voor gebruik buiten de box maken creating-out-of-the-box-templates

Er zijn geen out-of-the-box de Malplaatjes van het Artikel, nochtans is er een standaardmalplaatje dat de douanesjablonen zouden moeten uitbreiden, zie Geometrixx Unlimited App Voorbeeld van een artikelsjabloon.

De belangrijkste eigenschappen buiten de normale AEM vereiste eigenschappen omvatten;

dps-resourceType="dps:Article"

Deze eigenschap zorgt ervoor dat de AEM pagina wordt herkend als een voor AEM Mobile bedoelde artikelpagina.

Net als AEM sjablonen kunt u standaardeigenschappen of onderliggende knooppunten toevoegen aan de sjablonen jcr:inhoud.

CAUTION
Banners en verzamelingen hebben geen inhoud, dus het maken ervan ondersteunt geen aangepaste sjablonen.

Componenten maken en toevoegen creating-and-adding-components

Componenten gebruiken en verlenen toegang tot widgets. Deze worden gebruikt om de inhoud te renderen.

Een eenvoudige component is inbegrepen in de codebewaarplaats, waarvan de bron in AEM kan worden gevonden. Vervolgens kan het ook lokaal worden geopend in CRXDE Lite.

NOTE
Er zijn momenteel geen out-of-the-box-componenten beschikbaar voor AEM Mobile.

U kunt componenten aan uw pagina toevoegen. Elke component kan in een AEM Mobile-toepassing worden gebruikt, maar bij toepassing wordt de rendering mogelijk niet correct uitgevoerd.

Aangepaste componenten kunnen echter niet correct naar AEM Mobile On-demand Services worden geëxporteerd en geüpload zonder een aangepaste handler voor het synchroniseren van exportinhoud die in AEM wordt weergegeven.

Wanneer de component al op een AEM pagina is opgenomen, kunt u samen met enkele andere bouwsteencomponenten een andere component aan de pagina toevoegen of een bestaande component bewerken.

Een andere component aan de pagina toevoegen:

  1. Kies die pagina en controleer of u in de modus Bewerken werkt. Ga hiervoor naar het vervolgkeuzemenu rechtsboven in de koptekst van de Editor.
  2. Zijpaneel in-/uitschakelen met het pictogram uiterst links in de koptekst van de Editor
  3. Selecteer Componenten tab
  4. Sleep een van de beschikbare componenten naar de pagina

chlimage_1-75

Een bestaande component bewerken:

  1. Kies die pagina en zorg ervoor dat u zich in Bewerken en selecteert u de component
  2. Tik op het moersleutelpictogram om de component te configureren
NOTE
U kunt een component maken in AEM en hetzelfde aanpassen met Ontwikkelen met CRXDE Lite. Nadat u de bestaande component naar wens hebt aangepast, kunt u deze op de pagina toevoegen met de opdracht Bewerken optie onder Artikelen beheren zoals aangegeven in bovenstaande figuur.

De volgende stappen the-next-steps

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