#service_worker — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #service_worker, aggregated by home.social.
-
Как я сделал PWA-приложение для заметок и ссылок за вечер (и почему оно работает без интернета)
У каждого из нас есть «чёрная дыра», куда уходят полезные ссылки. Кто-то сохраняет их в «Избранном» браузера, кто-то пишет сам себе в Telegram, кто-то держит десяток вкладок открытыми «на потом». У меня была та же проблема. Я пробовал Notion, Evernote, Google Keep, Obsidian - всё это мощные инструменты, но для простого «сохранить ссылку и не забыть» они часто избыточны. Так родилась идея KylikLink - минималистичного PWA-приложения для заметок и ссылок, которое работает без интернета и не требует регистрации.
https://habr.com/ru/articles/1023144/
#pwa #вебразработка #html #css #javascript #фронтенд #frontend #localstorage #service_worker #заметки
-
Анатомия чистильщика ссылок: как не сломать веб в Manifest V3
Каждый день мы делимся ссылками в мессенджерах, копируем их из браузера или кликаем по ним. И почти всегда к реальному адресу прилипает хвост из UTM-меток, fbclid , gclid и прочего мусора, которым маркетологи и платформы помечают наш трафик. Создать расширение, которое отрезает этот хвост с помощью регулярного выражения — задача на 10 минут. Но сделать так, чтобы это расширение не сломало работу сайтов, не убило поисковики и не вызвало бесконечные циклы переадресации в современных реалиях Manifest V3 — уже интереснее. Недавно я завершил работу над расширением ZeroTail и хочу поделиться несколькими неочевидными подводными камнями, с которыми столкнулся при реализации авто-очистки URL.
https://habr.com/ru/articles/1019334/
#javascript #расширения #manifest v3 #utmметки #service_worker #chrome_extension
-
Push-Notifications в PWA и браузере: полная реализация без сторонних сервисов
Полная реализация push-уведомлений в PWA без сторонних сервисов Разбираем архитектуру: Service Worker, Push API, VAPID ключи и Notifications API. Показываем, как настроить PWA для работы на всех платформах, включая iOS. В статье: • Теория всех компонентов системы • Готовый код Service Worker и клиентской части • Backend на Express с отправкой уведомлений • Настройка PWA для iOS 16.4+ • Детекция платформы и предложение установки Все работает из коробки! 🎯
https://habr.com/ru/articles/945870/
#PWA #push_уведомления #push_notifications #push #notifications #service_worker #ios #VAPID #Push_API #Notifications_API
-
Push-Notifications в PWA и браузере: полная реализация без сторонних сервисов
Полная реализация push-уведомлений в PWA без сторонних сервисов Разбираем архитектуру: Service Worker, Push API, VAPID ключи и Notifications API. Показываем, как настроить PWA для работы на всех платформах, включая iOS. В статье: • Теория всех компонентов системы • Готовый код Service Worker и клиентской части • Backend на Express с отправкой уведомлений • Настройка PWA для iOS 16.4+ • Детекция платформы и предложение установки Все работает из коробки! 🎯
https://habr.com/ru/articles/945870/
#PWA #push_уведомления #push_notifications #push #notifications #service_worker #ios #VAPID #Push_API #Notifications_API
-
Push-Notifications в PWA и браузере: полная реализация без сторонних сервисов
Полная реализация push-уведомлений в PWA без сторонних сервисов Разбираем архитектуру: Service Worker, Push API, VAPID ключи и Notifications API. Показываем, как настроить PWA для работы на всех платформах, включая iOS. В статье: • Теория всех компонентов системы • Готовый код Service Worker и клиентской части • Backend на Express с отправкой уведомлений • Настройка PWA для iOS 16.4+ • Детекция платформы и предложение установки Все работает из коробки! 🎯
https://habr.com/ru/articles/945870/
#PWA #push_уведомления #push_notifications #push #notifications #service_worker #ios #VAPID #Push_API #Notifications_API
-
Push-Notifications в PWA и браузере: полная реализация без сторонних сервисов
Полная реализация push-уведомлений в PWA без сторонних сервисов Разбираем архитектуру: Service Worker, Push API, VAPID ключи и Notifications API. Показываем, как настроить PWA для работы на всех платформах, включая iOS. В статье: • Теория всех компонентов системы • Готовый код Service Worker и клиентской части • Backend на Express с отправкой уведомлений • Настройка PWA для iOS 16.4+ • Детекция платформы и предложение установки Все работает из коробки! 🎯
https://habr.com/ru/articles/945870/
#PWA #push_уведомления #push_notifications #push #notifications #service_worker #ios #VAPID #Push_API #Notifications_API
-
SW: stale-while-revalidate на практике + гист
Идея простая: В статье разбирается стратегия кэширования stale-while-revalidate в Service Worker — подход, позволяющий мгновенно отдавать пользователю закэшированный контент и параллельно обновлять его в фоне. Рассмотрены сценарии применения (статика, API), потенциальные риски (устаревший HTML, квоты хранилища), а также приведён готовый рабочий пример с регистрацией, SW-кодом, офлайн-страницей и настройкой серверных заголовков. Материал сопровождается ссылкой на архив с исходниками и практическими советами по отладке, оптимизации и интеграции SWR в реальные проекты.
-
[Перевод] Пишем одностраничное приложение с помощью htmx
JS-библиотеку htmx воспринимают как средство, которое спасает интернет от одностраничных приложений. Всё дело в том, что React поглотил разработчиков своей сложностью (так говорят), а htmx предлагает столь желанное спасение.
https://habr.com/ru/companies/ruvds/articles/849854/
#ruvds_перевод #spa #mpa #одностраничное_приложение #javascript #html #htmx #service_worker
-
Эмуляция бэкенда: как разрабатывать изолированный фронтенд с помощью Mock Service Worker
Всем привет! Сегодня я хочу рассказать о Mock Service Worker — технологии, которая позволяет эмулировать поведение бэкенда в ситуациях, когда по каким-то причинам невозможно использовать реальный бэкенд для полноценной разработки фронтенда. Тем более, что совсем недавно вышла новая мажорная версия библиотеки msw , и в ней достаточно много важных обновлений.
https://habr.com/ru/articles/780200/
#service_worker #mocks #mock #mock_service_worker #mock_server #api_mocking #моки #эмуляция_бэкенда #e2eтесты
-
Эмуляция бэкенда: как разрабатывать изолированный фронтенд с помощью Mock Service Worker
Всем привет! Сегодня я хочу рассказать о Mock Service Worker — технологии, которая позволяет эмулировать поведение бэкенда в ситуациях, когда по каким-то причинам невозможно использовать реальный бэкенд для полноценной разработки фронтенда. Тем более, что совсем недавно вышла новая мажорная версия библиотеки msw , и в ней достаточно много важных обновлений.
https://habr.com/ru/articles/780200/
#service_worker #mocks #mock #mock_service_worker #mock_server #api_mocking #моки #эмуляция_бэкенда #e2eтесты