AEM 6.5 SPA - Managing Angular only pages and AEM/Angular pages

claudiab1560191

20-03-2020

I'm migrating a fully functional Angular SPA into AEM 6.5. Only a few pages will need authoring but the rest of the application will not need it. The application uses lazy loading and static routing. I'm aware of the Dynamic Routing rule of SPA Architecture. And I'm including dynamic routing for AEM only pages following: Getting Started with Angular and AEM SPA Editor - Chapter 2.

 

Currently, for non AEM pages with static routes, I see errors for x.model.json not being found. This makes sense since page "x" is not in AEM. 

 

What is the best way to manage routing between non AEM pages with static routes and Angular/AEM pages? Is it possible to prevent the model service from looking for models in non AEM pages?

 

 

Adding reference to the SPA Design Model we are using.

SPA Design Model. Source 

Design ModelAdvantagesDisadvantages
The front end developer uses the SPA Editor SDK framework but only opens some areas to the content author.The developer keeps control over the app by only enabling authoring in restricted areas of the app.
Content authors are restricted to a limited set of AEM's content authoring experience.
The code risks being neither portable nor reusable if it contains static references or routing.
Does not allow use of the template editor so the front end developer must maintain editable templates via the JCR.

 

 

Accepted Solutions (1)

Accepted Solutions (1)

Patrick_Fauchere

26-03-2020

@claudiab1560191  could you please create a ticket via [0] as, from my current understanding, this feature is meant to support your use-case. This will give us the time to investigate the issue more thoroughly.

[0] https://helpx.adobe.com/contact/enterprise-support.ec.html

Answers (2)

Answers (2)

edaem90

24-03-2020

@Patrick_Fauchere  That feature did not work for me, I'm still getting an aem error of Resource at '/implicit/callback' not found: No resource found"

Here's what I have in my page component customheaderlibs.html:

<meta property="cq:pagemodel_route_filters" content="/implicit/callback,implicit/callback" />