Uw eerste React SPA in AEM maken overview

[​ voor het publiceren van AEM Sites die Edge Delivery Services gebruiken, klik hier.]{class="badge positive" title="Publiceren van AEM naar Edge Delivery Services"}

Onthaal aan een multi-part leerprogramma dat voor ontwikkelaars nieuw aan de eigenschap van de Redacteur van het KUUROORD in Adobe Experience Manager (AEM) wordt ontworpen. In deze zelfstudie wordt de implementatie besproken van een React-toepassing voor een fictief levensstijlmerk, de WKND. De React app wordt ontwikkeld en ontworpen om met de Redacteur van het KUUROORD van AEM worden opgesteld, die React componenten aan de componenten van AEM in kaart brengt. De voltooide SPA, die aan AEM wordt opgesteld, kan dynamisch worden ontworpen met traditionele in-line het uitgeven hulpmiddelen van AEM.

WKND de Implementatie van het KUUROORD

Info

Het leerprogramma wordt ontworpen om met AEM as a Cloud Service te werken en is achterwaarts compatibel met AEM 6.5.4+ en AEM 6.4.8+.

Laatste code

Al leerprogramma code kan op GitHubworden gevonden.

De recentste codebasisis beschikbaar als downloadbare Pakketten van AEM.

Vereisten

Voordat u deze zelfstudie start, hebt u het volgende nodig:

terwijl niet vereist, is het nuttig om een basisbegrip van het ontwikkelen van traditionele componenten van AEM Siteste hebben.

Lokale ontwikkelomgeving local-dev-environment

Er is een lokale ontwikkelomgeving nodig om deze zelfstudie te voltooien. De schermafbeeldingen en de video worden gevangen gebruikend AEM as a Cloud Service SDK die op een milieu van Mac OS met Code van Visual Studioals winde loopt. Opdrachten en code moeten onafhankelijk zijn van het lokale besturingssysteem, tenzij anders aangegeven.

Vereiste software

Volgende stappen next-steps

Waar wacht u op?! Begin het leerprogramma door aan te navigeren creeer het hoofdstuk van het Projecten leer hoe te om een redacteur van het KUUROORD toegelaten project te produceren gebruikend het Archetype van het Project van AEM.