AEM SPA editor- Clarification | Community
Skip to main content
A
apmagss
Level 2
August 6, 2021
Solved

AEM SPA editor- Clarification

  • August 6, 2021
  • 1 reply
  • 622 views

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.

 

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by 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 reply

Kishore_Kumar_
Kishore_Kumar_Accepted solution
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.
    Terms & ConditionsAccessibility statement

    Loading footer...