Skip to main content
Level 2
August 6, 2021
Resuelto

AEM SPA editor- Clarification

  • August 6, 2021
  • 1 respuesta
  • 641 visualizaciones

Hi All,

 

We are planning to use AEM SPA editor for project and successfully running with OOTB code.

 

i am not able to understand we are dragging AEM component but the request is coming from SPA editor-SPA to AEM/Sling Exporter.

 

I am confusion about request can some one give information how it will work. Thanks in advance.

 

Thanks,

Nani.

 

Este tema ha sido cerrado para respuestas.
Mejor respuesta de Kishore_Kumar_

Please go through this document, it has all the details how the request flow works between AEM and SPA.

 

https://experienceleague.adobe.com/docs/experience-manager-65/developing/headless/spas/spa-overview.html?lang=en#basic-spa-editor-workflow 

 

  1. SPA Editor loads.
  2. SPA is loaded in a separate frame.
  3. SPA requests JSON content and renders components client-side.
  4. SPA Editor detects rendered components and generates overlays.
  5. Author clicks overlay, displaying the component’s edit toolbar.
  6. SPA Editor persists edits with a POST request to the server.
  7. SPA Editor requests updated JSON to the SPA Editor, which is sent to the SPA with a DOM Event.
  8. SPA re-renders the concerned component, updating its DOM.

1 respuesta

Kishore_Kumar_
Level 9
August 7, 2021

Please go through this document, it has all the details how the request flow works between AEM and SPA.

 

https://experienceleague.adobe.com/docs/experience-manager-65/developing/headless/spas/spa-overview.html?lang=en#basic-spa-editor-workflow 

 

  1. SPA Editor loads.
  2. SPA is loaded in a separate frame.
  3. SPA requests JSON content and renders components client-side.
  4. SPA Editor detects rendered components and generates overlays.
  5. Author clicks overlay, displaying the component’s edit toolbar.
  6. SPA Editor persists edits with a POST request to the server.
  7. SPA Editor requests updated JSON to the SPA Editor, which is sent to the SPA with a DOM Event.
  8. SPA re-renders the concerned component, updating its DOM.