Service worker - управление обработкой запросов и кэшем JavaScript

[@skysar]

Спасибо за видео! Очень интересные и не банальные темы рассказываешь. Желаю побольше просмотров и подписчиков!)

[@EasyITChannel]

Спасибо на добром слове, стараюсь :)

[@ЗапискиЮногоПрогера]

Для меня как новичка было сложно ещё понять все фрагменты кода но, это видео показатель какого то высокого уровня js, автору всех благ и по больше видео по js

[@EasyITChannel]

Спасибо. Все когда-то были новичками, так что это знакомо. Если есть желание разобраться, то и знания с опытом подтянутся :) Что бы Вам, как новичку, хотелось разобрать в JS?

[@TopalIulian]

Спасибо за ваш труд!

[@Dimarious.G]

Спасибо, очень интересно и полезно! Подписался 😌

[@EasyITChannel]

И Вам спасибо за просмотр и поддержку

[@N-k-N]

Spasibo vam!!!!

[@webmax84]

фонова музика дуже заважає

[@EasyITChannel]

Спасибо за просмотр, принято 🫡. В более поздних роликах уже лучше. Вообще без фоновой еще хуже - запись идет не в студии и много посторонних шумов.

[@НикитаДушкин-т1д]

очень крутое видео

[@Hacking-NASSA-with-HTML]

Здравствуйте! Так вот на 14:01 делается полная очистка кэша из браузера. Откуда тогда загружаются файлы? Их же нет больше 🤷

[@Hacking-NASSA-with-HTML]

И у Вас нет скобок на 11:50 в index.js 8 строка в navigator.serviceWorker.ready.then(onWorkerReady()) после вызова функции. В простой лендинг-странице ууууу сколько времени потратилось пока запустилось. Но всё равно благодарю, Ваше видео, + MDN в итоге запустили шайтан машину )) 👍

[@Hacking-NASSA-with-HTML]

Нашёл. Оказывается srviceWorker должен быть в корневой папке УУУУУУУУУУУУУУ 😁

[@Hacking-NASSA-with-HTML]

Вот эта вот только задача осталась: в консоли ругается на serviceWorker.js:42 Uncaught (in promise) TypeError: Failed to execute 'put' on 'Cache': Request scheme 'chrome-extension' is unsupported at serviceWorker.js:42:23 Не нравится cache.put(req, responseClone). Что ему надо 🤔?

[@Hacking-NASSA-with-HTML]

Короче - ругается, - но работает 😂😂😂

[@EasyITChannel]

Скобки не нужны. Это ссылка на обработчик. Если поставить скобки то функция вызовется до события и обработчиком станет результат работы функции, а это undefined ;)

[@justalex7910]

Спасибо))

[@EasyITChannel]

B Вам спасибо. :)

[@MA-channel1]

Спасибо за видео. В какой-то момент в начале запутался с идеями о том как работать с глобалтным объектом `cache` но его по суть примерно попозже стала немного понятна. все же Стоило 1 предложением объяснить что это за CacheStorage и его суть ...

[@rasdva150]

Здравствуйте! Страницу “page3.html” вы не добавили в кеш но она все равно осталась закешированной, как я понял ее закешировал браузер. И даже после очистки кеша страница page3.html все еще была доступна, вопрос в чем тогда смысл service worker в вашем примере?

[@EasyITChannel]

Добрый день. Страницы html попадают в кэш при первом обращении. Не обязательно это делать руками. Но если перед первой загрузкой отключить сеть, то будет проблема. Смысл service worker в том, что без него web приложение работать оффлайн не сможет.

[@СергейЮрьевич-г4е]

спасибо!

[@EasyITChannel]

Спасибо за просмотр

[@виртуоз_ру]

Хорош 👍

[@dadya_denis]

Спасибо вам большое за код и видео! Это единственный код, который помог мне сделать моё приложение offline, все остальные примеры по факту просто не рабочие (люди проверяли свой код локально, который при любых обстоятельствах будет работать), вот эти все попытки при фетче делать просто caches.match(event.request).then((response) => { return response || fetch(event.request) }) - бесполезны и только у вас это правильно обрабатывается! Единтсвенное что хотелось бы уточнить. У меня не всегда с первого раза все мои файлы попадают в кэш, бывает приходиться перезагружать страничку второй раз, возможно нужно делать апдейт кэша не при событии install, а возможно и в activate, как вы считаете?

[@EasyITChannel]

Добрый день. К сожалению, то о чем Вы пишите, это правда. Очень много примеров, которые реально никто нигде не проверял, кроме локалхоста и дев окружения. А это, конечно, не правильно. Да, вы правы, у меня в примере файлы в кеш добавляются при установке это правильно, в том случае если файлы уже не меняются. Это нормальная ситуация для полностью оффлайнового приложения - ему не откуда взять новые файлы, сервера то в оффлайне нет. Но данный подход обычно используются не для оффлайновых приложений, а для приложений, которые работают онлайн, но иногда могут оказаться и в оффлайне. Например, нет вышек поблизости или в туннель заехали. Дополнительные события для обновления файлов лишними не будут. Только проверяйте все возможные ситуации внимательно. Удачи.

[@artemsuhov5292]

Ролик крутой, может сделаете видео пожалуйста на тему обработку формы через Ajax, очень надо для Реал фронт junior это круто было бы , а ещё хотел бы связаться с вами , очень надо , инста или телеграмм )))

[@EasyITChannel]

Добрый день. Вас интересует именно xmlhttprequest, или любой асинхронный запрос? Если что-то хотите спросить, не стесняйтесь, спрашивайте. Если информация конфиденциальна, то я этим не занимаюсь ;) Работа не интересует, сайты не взламываю, разводом не занимаюсь. 🙂 Спасибо, что смотрите.

[@РусланА-ф2н]

Спасибо за видео!

[@EasyITChannel]

Большое спасибо за просмотр.