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