Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

AEM SPA editor- Clarification

Avatar

Level 2

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.

 

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

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.... 

 

  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.

View solution in original post

1 Reply

Avatar

Correct answer by
Community Advisor

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.... 

 

  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.