Skapa din första Angular SPA i AEM

Senast uppdaterad: 16 juni 2025
  • Gäller:
  • Experience Manager as a Cloud Service
  • Ämnen:

Skapat för:

  • Nybörjare
  • Utvecklare
VIKTIGT
SPA-redigeraren har tagits bort för nya projekt. Det stöds fortfarande av Adobe för befintliga projekt, men bör inte användas för nya projekt. De redigerare som rekommenderas för hantering av headless-innehåll i AEM är nu:

Välkommen till en självstudiekurs i flera delar som utformats för utvecklare som inte har använt funktionen SPA Editor i Adobe Experience Manager (AEM). Den här självstudiekursen går igenom implementeringen av en Angular-applikation för ett fiktivt livsstilsmärke, WKND. Angular-appen har utvecklats och utformats för att användas med AEM SPA Editor, som mappar Angular-komponenter till AEM-komponenter. Den kompletta SPA-lösningen, som används i AEM, kan redigeras dynamiskt med AEM traditionella textbundna redigeringsverktyg.

Slutlig SPA har implementerats

WKND SPA-implementering

Om

Målet med den här självstudiekursen är att lära en utvecklare hur man implementerar ett Angular-program så att det fungerar med SPA-redigeringsfunktionen i AEM. I ett verkligt scenario bryts utvecklingsaktiviteterna ned per person, ofta med en Front End-utvecklare och en Back End-utvecklare. Vi anser att det är bra att alla utvecklare som arbetar med ett AEM SPA Editor-projekt slutför kursen.

Självstudiekursen är utformad för att fungera med AEM as a Cloud Service och är bakåtkompatibel med AEM 6.5.4+ och AEM 6.4.8+. SPA implementeras med:

Beräkna 1-2 timmar för att komma igenom varje del av självstudiekursen.