Creare il primo SPA React nell’AEM overview

[Per la pubblicazione da AEM Sites tramite Edge Delivery Services, fare clic qui.]{class="badge positive" title="Publish dall’AEM ai Edge Delivery Services"}

Questo tutorial in più parti è stato progettato per gli sviluppatori che non hanno mai utilizzato la funzionalità SPA Editor 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.

SPA finale implementato

Implementazione SPA WKND

Informazioni su

L'esercitazione è progettata per funzionare con AEM as a Cloud Service ed è compatibile con le versioni precedenti di AEM 6.5.4+ e AEM 6.4.8+.

Codice più recente

Tutto il codice del tutorial si trova su GitHub.

La base di codice più recente è disponibile come pacchetti AEM scaricabili.

Prerequisiti

Prima di iniziare questa esercitazione, è necessario disporre dei seguenti elementi:

  • Conoscenza di base di HTML, CSS e JavaScript
  • Familiarità di base con 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 AEM as a Cloud Service in esecuzione in un ambiente Mac OS con Visual Studio Code come IDE. I comandi e il codice devono essere indipendenti dal sistema operativo locale, salvo diversa indicazione.

Software richiesto

Passaggi successivi next-steps

Cosa state aspettando?! Avvia l'esercitazione passando al capitolo Crea progetto e scopri come generare un progetto abilitato per l'editor SPA utilizzando l'archetipo di progetto AEM.

recommendation-more-help
e25b6834-e87f-4ff3-ba56-4cd16cdfdec4