Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn more

View all

Sign in to view all badges

SOLVED

AEM SPA editor- Clarification

apmagss
Level 2
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
kishorekumar14
Correct answer by
Level 9
Level 9

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
kishorekumar14
Correct answer by
Level 9
Level 9

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