what would be the best approach to implement PWA with AEM

[ankitv12295055]

Hi,

I have been following the tutorial "WKND Events for Angular and AEM SPA Editor".(https://helpx.adobe.com/experience-manager/kt/sites/using/getting-started-spa-wknd-tutorial-develop/...)

After completing the tutorial, have tried to extend the project further by adding PWA support to my angular SPA application.

After I deploy this SPA with PWA to AEM, I get the below error :-

The script resource is behind a redirect, which is disallowed.

ERROR Error: Uncaught (in promise): SecurityError: Failed to register a ServiceWorker: The script resource is behind a redirect, which is disallowed.

    at P (agilent-app.js:14586)

    at agilent-app.js:14586

    at agilent-app.js:14586

    at e.invoke (agilent-app.js:14586)

    at Object.onInvoke (agilent-app.js:14587)

    at e.invoke (agilent-app.js:14586)

    at t.run (agilent-app.js:14586)

    at agilent-app.js:14586

    at e.invokeTask (agilent-app.js:14586)

    at Object.onInvokeTask (agilent-app.js:14587)

}}

Is it possible to use the above approach with PWA instead of just SPA?

If yes, what are the changes required at angular end for AEM to support Angular PWA?

If no, then implementing PWA configurations on the AEM end is the only possibility?

[kautuk_sahni · Accepted solution]

Here you go: AEM 6.5 SPA & PWA capability