Ti diamo il benvenuto in un tutorial in più parti progettato per gli sviluppatori che non hanno mai utilizzato Editor SPA in Adobe Experience Manager (AEM). Questo tutorial illustra l’implementazione di un’applicazione React per un brand di lifestyle fittizio, il WKND. L’app React è sviluppata e progettata per essere implementata con AEM Editor, che mappa i componenti React su AEM componenti. Il SPA completato, distribuito a AEM, può essere creato dinamicamente con i tradizionali strumenti di modifica in linea di AEM.
Implementazione SPA WKND
L’esercitazione è progettata per lavorare con AEM as a Cloud Service ed è compatibile con le versioni precedenti AEM 6.5.4+ e AEM 6.4.8+.
Tutto il codice dell'esercitazione si trova in GitHub.
La base di codice più recente è disponibile come pacchetti AEM scaricabili.
Prima di avviare questa esercitazione, è necessario quanto segue:
Sebbene non sia necessario, è utile avere una comprensione di base di sviluppo di componenti AEM Sites tradizionali.
Per completare questa esercitazione, è necessario un ambiente di sviluppo locale. Le schermate e i video vengono acquisiti utilizzando l'SDK AEM as a Cloud Service in esecuzione in un ambiente Mac OS con Codice di Visual Studio come IDE. I comandi e il codice devono essere indipendenti dal sistema operativo locale, salvo diversa indicazione.
Ti avvicini adesso ad AEM as a Cloud Service? Consulta la seguente guida per configurare un ambiente di sviluppo locale utilizzando SDK di AEM as a Cloud Service.
Nuovo a AEM 6.5? Consulta la sezione guida alla configurazione di un ambiente di sviluppo locale.
Cosa stai aspettando?! Avvia l’esercitazione passando alla pagina Crea progetto questo capitolo e scopri come generare un progetto abilitato per l’editor di SPA utilizzando AEM Project Archetype.