Uw eerste SPA Reageren in AEM maken overview
Onthaal aan een meerdelige zelfstudie die voor ontwikkelaars wordt ontworpen nieuw aan de SPA eigenschap van de Redacteur in Adobe Experience Manager (AEM). 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 AEM SPA Redacteur worden opgesteld, die React componenten aan AEM componenten in kaart brengt. De voltooide SPA, die aan AEM worden opgesteld, kan dynamisch met traditionele in-line het uitgeven hulpmiddelen van AEM worden ontworpen.
WKND SPA Implementatie
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 AEM Pakketten.
Vereisten
Voordat u deze zelfstudie start, hebt u het volgende nodig:
- Basiskennis van HTML, CSS en JavaScript
- De basis vertrouwdheid met Reageert
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
- AEM as a Cloud Service SDK, AEM 6.5.4+of AEM 6.4.8+
- Java
- Apache Maven(3.3.9 of nieuwer)
- Node.jsen npm
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 SPA Redacteur te produceren toegelaten project gebruikend het Archetype van het AEM Project.