Как сделать так, чтобы пользователь смог использовать ваш сайт, даже если пропало интернет подключение или его вообще нет? Сегодня об этом и поговорим.
Как сделать так, чтобы пользователь смог использовать ваш сайт, даже если пропало интернет подключение или его вообще нет? Сегодня об этом и поговорим.
Для чего это нужно?
Ваши пользователи больше не используют свои десктопные компьютеры, подключенные по проводам к интернету. Они посещают ваш сайт с телефона в лифте, с планшета в метро или с ноутбука, пока тесно сидят на месте 25E.
Именно по этому современные браузеры поддерживают ServiceWorkers, новую технологию, которая позволяет вам предоставлять пользователям доступ к вашему сайту, даже если они не в сети.
UpUp - это бесплатный, open source проект, который позволяет использовать эту современную магию всего лишь вызовом одной команды.
UpUp.start({
'content-url': 'offline.html' // покажет эту страницу пользователям не в сети
});
Несмотря на то, что использовать эту технологию просто, она достаточно мощная, чтобы поддерживать все, что угодно, от показа простых сообщений до создания полностью функциональной одиночной страницы приложения, доступной оффлайн с кастомизацией данных для каждого пользователя.
Как это работает?
UpUp использует ServiceWorkers для определения потери соединения. ServiceWorkers - это специальный скрипт, который работает в браузере в фоновом режиме и может следить за статусом сети.
Когда пользователь посещает ваш сайт в первый раз, UpUp регистрирует ServiceWorker с вашим браузером и дает ему список файлов, которые нужно закэшировать.
Следующий раз, когда пользователь посещает ваш сайт, ServiceWorker слушает сеть на наличие ошибок. Если соединение потеряно, и ServiceWorker найдет нужные файлы в кеше, то он вернет их также, как если бы они пришли из сети.
Итак, сегодня мы рассмотрели очень интересную технологию, которой, думаю, вы сможете найти применение. Спасибо за внимание!
