Creare il primo SPA React nell’AEM overview
Benvenuti 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, WKND. L’app React è sviluppata e progettata per essere implementata con l’editor SPA dell’AEM, che mappa i componenti React sui componenti AEM. L’SPA completo, implementato nell’AEM, può essere creato in modo dinamico con i tradizionali strumenti di modifica in linea dell’AEM.
Implementazione SPA WKND
Informazioni su
L’esercitazione è progettata per funzionare con AEM as a Cloud Service ed è retrocompatibile con AEM 6.5.4+ e AEM 6.4.8+.
Codice più recente
Tutto il codice del tutorial è disponibile su GitHub.
Il base di codice più recente è disponibile come pacchetto AEM scaricabile.
Prerequisiti
Prima di iniziare questa esercitazione, è necessario disporre dei seguenti elementi:
- Conoscenza di base di HTML, CSS e JavaScript
- Conoscenza di base di React
Anche se non obbligatorio, è utile avere una conoscenza di base di sviluppo di componenti AEM Sites tradizionali.
Ambiente di sviluppo locale local-dev-environment
Per completare questa esercitazione è necessario un ambiente di sviluppo locale. Le schermate e i video vengono acquisiti utilizzando l’SDK as a Cloud Service per l’AEM 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.
Software richiesto
- SDK AS A CLOUD SERVICE AEM, AEM 6.5.4+ o AEM 6.4.8+
- Java
- Apache Maven (3.3.9 o successivo)
- Node.js e npm
Passaggi successivi next-steps
Cosa state aspettando?! Avvia l’esercitazione passando al Crea progetto e scopri come generare un progetto abilitato per l’editor SPA utilizzando l’archetipo di progetto AEM.