Build a Simple PWA based on Basic JavaScript using Google's Workbox

课程真棒，人也帅气。

Thank you, very helpful.

thanks bro

It gives me an error: Cannot access 'li' before initialization. Anyway awesome tutorial, thank you!

Nothing works anymore. I tried following the tutorial. import statements don't work in custom service-worker files and the docs don't mention apart from 'use a webpack'. How do I use a webpack? I searched everywhere on the Internet I can't get workbox working.

For those following along this tutorial now, it will throw an error when trying to use command injectManifest. All you need to do is replace the empty array ([ ]) with self.__WB_MANIFEST like so: workbox.precaching.precacheAndRoute(self.__WB_MANIFEST)

What good stuff? You're teaching people how to code malicious spam! Do you feel no shame?

Great tutorial. But please don't say "crap" anymore

(2021-01-06) browser 'Service Worker' features are still experimental unfortunately!

Brother you should really quit drinking because it's bad for your mind and body.

Doesent work, because of new version of workbox (date:22th May 20)? All the files generate by WB look totaly diffent from video. After WB content is not cached, tried to download repo and after WB setup same result, site not cashing.

Hello Gary. About caching endpoints what about dinamical endpoints. For example i have a list of products <domain>/products and I can request <domain>/products?s=some-text-to-filter this last one is related to a search form how can I configure wb in order to perform a search offline?

Great tutorial. One remark: it seems that in some cases Workbox 5.x causes problems. For me reverting to 4.3.1 did the trick. Thanks!

Hi Simon, I had to pass "self.__WB_MANIFEST" as follows for injection to work, just my comment workbox.precaching.precacheAndRoute([self.__WB_MANIFEST]);

Getting below error. workbox 4.3.1.
Error: That is not a valid source service worker file. Please try again with a file containing 'self.__WB_MANIFEST'.

It could have been better.
You're not explaining all the files you create.
You look way too much on your cheatsheet, like you were basically rewriting all the tutorial.

Hi. Are those refresh needed for just development? Or do users need to refresh their page?

i did all the above manually without Workbox... It takes days to understand PWA codes and research, including manually sizing Manifest icons.. You just did in 30min!

Can't open localhost:1336 - it says corrupted content error. Opening index.html looks good though.

Wow: perfect! Very clear, very concise. Wow!

Hi! i didn't get that notification for adding it to shelf or home... I wonder why, did I miss something?

How to add fetch-eventlistener to google workbox. In order to get beforeinstallprompt for pwa A2HS

Can we secure the cache data in any way? Like Encryption of cache data? How risky is to save static content and api response data into cache memory?

im unable to access through local host

Hi Simon, Is it possible to remove website or Localhost link from the Desktop shortcut App icon that I have created using PWA. Please do reply.

Hi Simon, Wassup , I really love the way you teach , it's amazing as I am new to PWA , I want to know how I can make a static and dynamic website into PWA. Because as you told in the video , it's all about getting data from API, If you any course or special classes about this , I love to purchase that course as well.

can i get your email address ? i have query regarding pwa

It is very good from google , how can i add my app in google play store

Thanks. This was very clear. And thanks to latest chrome update I have a working app on my computer. Pointless users app from some dummy JSON on the interwebs, BUT A WORKING APP nevertheless :D

service worker not getting added after adding the script at end of html document

background sync example ????

OK I've followed along with this perfectly and everything is working except when I hit "Add to homescreen" on the App Manifest tab nothing happens! :( Any idea why that might be?

What about background-sync? Can you show us ajax request and fetching example? :))

It was really helpful! Thank you.

You should create a beginner course about workbox making a real PWA app! It'd be awesome!

I'm confused. It seems the workbox is there to help the app cache things and work offline. But it's the manifest stuff that actually let's you make the app icon shortcut.
If I didn't really care if my app was dead without internet, could I leave workbox/service worker out and just have the manifest?

Excellent video. Going to go through it again much slower tomorrow. Got to love it when when you were missing something and suddenly it presents itself and now things make sense.

And doing it the pure vanilla way is icing on the cake

Awesome !!

I would like to see how to implement workbox with push notifications, i like very much how you teach, thanks for sharing.

51, 100 hours on Computer and you're not wearing glasses. It took me days to create PWA with vanilla js and without workbox This is so time saving, thank you !

Can I add webapp icon on Android home screen?