Caching an Angular2 application using HTML5's Application Cache

Question

I am working on a web application developed with Angular2 that needs to be fully functional offline. The browser that are to be supported are Google Chrome, Safari and Internet Explorer 11. To achieve this, I have looked into the possibility of using HTML5's Application Cache feature, but using it with an Angular application does not seem as straight forward as with simple web pages.

The answer to this question states that you could do it using service workers, but as far as I know, service workers are not compatible with every browser that I need to support.

Is there a way of doing it without using service workers, and in that case how? Or is there another way to cache the entire application so that it works in offline mode?

Freshen

I have the same question. Did you find any helpful resources? All resources I have found discuss service workers, but as you say, they are not supported on iOS. I would not want to build an offline solution that won't work with iOS devices - that would leave out a lot of users... – Kohlrabi

Answer 1

You should look into the concept of Progressive Web Apps

Here is also a repo with some example techniques of creating a PWA app: https://github.com/johnpapa/pwa-angular

Trioecious