Angular 5 Service Worker

Angular 5 has been released and the support for building Progressive Web Applications (PWA) with Service Workers has now been build into the framework.

A Progressive Web App is a web application which makes use of latest web technologies to make a web application act and feel like an app. This is achieved by making use of Web App Manifest files and Service Workers. Using that technologies a PWA is able to close the gap between a classic web application and a desktop. or native mobile application.

In this tutorial we'll take a deeper look at the new Angular 5 Service Worker support and explore how to use and enable this feature in your next project.

With Angular 5 the development of Service Workers is becoming significantly easier. By using Angular CLI you can choose to add Service Worker functionality by default.

The Angular Service Worker functionality is provided by the module @angular/service-worker.

---------------------

Musik:
Night Owl by Broke For Free is licensed under a Creative Commons Attribution License.

[mohyeid]

Very neat! I used to struggle with Service Workers before in NG4. especially with building it. Does it all build now with cli? or do I still need external libs to build it?

[mayurvijaykode]

pls create one demo to start angular 1.x and angular 5 app at same time....means both are closely coupled...

[fsmdeveloper]

Code font is so so small! Please make the code font bigger for next angular tutorials! :) and Thanks for the interesting angular Tutorial! :)

[dineshvasan]

I need swpush notification . Kindly do needful for post the tutorial regarding push notifications in Angular 5

[cvgaviao]

Could you tell me how Universal and AppShell would relate to ServiceWorker?

[LaTejaCorridaLider]

hello, you would be so kind to help me, please I need to change the url in angular, I would like separate parameters from routes for all pages and change Angular such that it uses

[avinashmohite]

ngOnInit() {

}

public loadScript(url) {
console.log('preparing to load...')
let node =
node.src = url;
node.type = 'text/javascript';
node.async = true;
node.charset = 'utf-8';

}


This code work perfectly in angular 4 but not work in angular 5. why??