Angular Service Worker | Progressive Web Apps Development

A service worker is a script that browser runs in the background, separate from a web page. With the help of the service worker, we can also implement push notification and background sync. Service workers can store files or responses in cache storage so it allows developers to create an offline experience for the user.

Service Worker in angular can be achieved by adding @angular/pwa package, this will going to handle lots of boilerplate code for us like registering a service worker, installing a service worker, and activating the service worker and lots more.

#ServiceWorkers #AngularPwa

Thanks for watching...

[gahyunlee]

Thank you! I didn't skip the ad in case it helps you haha...

[marcobaccaro]

Get the data from the “CAS” “GUESS”instead of server? I’m wondering if you were trying to say Cache...

[karunakarreddym]

Thanks a lot for wonderful explanation..

[muthiulhaqhaq]

Thank you so much, very clear and well explained.

[theeverleinhour]

Hello sir, each time we make changes to the project do we need to build it again and run http-server?

[bhavanamulani]

Hey, I did the same added angular/pwa in my existing angular app but I can't see manifest and service worker in local host .. can you please help

[niralishah]

I got error - Gateway timeout (504 error) how to resolve? Please give me answer

[makewayforak]

How an we implement, Service worker in existing angular projects?

[revasek]

I get for all service calls fetch even after adding url in config when I choose offline in service worker. Same error for ngsw-cache-bust also.. could you pls help?

[-cs]

why you are explaining while standing?

[bhavnamulani]

Hi, can we create a single PWA for websites having a different pages

[akash.shaw.]

What if we want to cache all apis except 1 how can we do that?

[varunvirjaiswal]

Any idea how to check wifi signal strength

[theotherme]

22:25 I think you said it wrong. It's reverse.

[asdfg]

Hi

I am using

if (!this.update.isEnabled) {
console.log('Not Enabled');
return;
}

After changes in app its always shows Not Enabled then what was an issue ?

[sharathsinganamala]

Hi, can we use service worker in cordova

[MrRorypam]

Why have not covered the Push Notification?

[MrNigam]

If the project is big and there we are using a lot of Api call then we need to add all the api details in the cache?
In this scaneraio, it's very difficult to add all the Api is there any other method for doing the same?

Great video.. but it's hard to watch in mobile.
Tnx for sharing!

[streetballerlyf]

hi, noob question here:


what is the difference between @angular & @angular/pwa? Also, is it possible to update old angular projects from normal angular to PWA?