AEM SPA editor- Clarification

[apmagss]

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.

[Kishore_Kumar_ · Accepted solution]

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.